js扩展运算符(...)

扩展运算符即三个点 -----> ... ,需要ES6语法的支持。

1、将一个数组放入另一个数组(打散数组)

    var a = [1,2]
    var b = [a,3,4]
    console.log(b) // [[1,2],3,4]
    如果使用扩展运算符
    var b = [...a, 3,4]
    console.log(b) // [1,2,3,4]

2、复制数组(不会改变原数组)

    var a = ['1','2','3']
    var b = [...a]
    console.log(b) // ['1','2','3']  
    a数组中的元素扩展为单独元素被分配到b中,可以随意改变b数组,且不会对a产生影响。

3、 拼接数组(替换concat)

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

4、 Math

      var a = [1,2,3,4,5]
      var max = Math.max(...a)
      console.log(max) // 5

5、字符串转换为数组

      var a = 'helloworld'
      var b = [...a]
      console.log(b) // ['h','e','l','l','o','w','o','r','l','d']
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,566评论 0 8
  • 禁用滑动返回手势需要在改界面的ViewController中添加如下代码: 假设只有该界面禁用滑动返回手势,还需要...
    朱晓晓的技术博客阅读 6,704评论 0 2
  • 葬暖——雨巷无声 难得有这样的雨夜,静谧而深沉。 晃眼又是大半年的光景,庸碌而且贫穷。风刀霜剑接踵而来,青...
    Just1988阅读 289评论 0 0