当前位置:   article > 正文

es6 ...省略号_es6 语法糖 省略号

es6 语法糖 省略号

1、深拷贝数组(仅限一维数组,二维数组失效)

  1. var a = [1,2,3];
  2. var b = [...a];
  3. a.push(4)
  4. console.log(a)  //1,2,3,4
  5. console.log(b)  //1,2,3

2、 连接多个数组

  1. var arr1 = [0, 1, 2];
  2. var arr2 = [3, 4, 5];
  3. var arr3 = [...arr1, ...arr2]; //[0,1,2,3,4,5]

3、展开运算符

  1. let a = [1,2,3];
  2. let b = [0, ...a, 4]; // [0,1,2,3,4]
  3. let obj = { a: 1, b: 2 };
  4. let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }
  5. let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }

4、 解构,意思就是把剩余的东西放到一个array里面赋值给它。一般只针对array的解构

  1. let a = [1,2,3];
  2. let [b, ...c] = a;
  3. b; // 1
  4. c; // [2,3]
  5. // 也可以
  6. let a = [1,2,3];
  7. let [b, ...[c,d,e]] = a;
  8. b; // 1
  9. c; // 2
  10. d; // 3
  11. e; // undefined
  12. // 也可以
  13. function test(a, ...rest){
  14. console.log(a); // 1
  15. console.log(rest); // [2,3]
  16. }
  17. test(1,2,3)

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/131190
推荐阅读
相关标签
  

闽ICP备14008679号