当前位置:   article > 正文

JS中出现三个点(...)的作用是什么_js...的作用

js...的作用

        三个点(...)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开

        字面量一般指[1,2,3]或者{name:'张三'}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了

运用场景 

        数组 || 对象的复制

  1. //数组的复制
  2. var arr1 = ['hello']
  3. var arr2 =[...arr1]
  4. arr2 // ['hello']
  5. //对象的复制
  6. var obj1 = {name:'zhangsan'}
  7. var obj2 ={...obj1}
  8. ob12 // {name:'zhangsan'}

        数组 || 对象的合并

  1. //数组的合并
  2. var arr1 = ['hello']
  3. var arr2 =['zhangsan']
  4. var mergeArr = [...arr1,...arr2]
  5. mergeArr // ['hello','zhangsan']
  6. // 对象分合并
  7. var obj1 = {name:'zhangsan'}
  8. var obj2 = {height:176}
  9. var mergeObj = {...obj1,...obj2}
  10. mergeObj // {name: "zhangsan", height: 176}

        函数传参

  1. function f(v,w,x,y,z){ }
  2. var args = [2,3]
  3. f(1,...args,4,...[5])

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

闽ICP备14008679号