zoukankan      html  css  js  c++  java
  • JavaScript ES6 扩展运算符(...)的使用

    作用:将一个数组转为用逗号分隔的参数序列。

    比如:
    var arr = [1,2,3]
    则 ...arr即 1,2,3
    
    1、浅拷贝
    var arr = [1,2,3]
    var copyArr = [...arr] // [1,2,3]
    
    2、向集合中添加元素
    var arr = [1,2,3]
    若想得到一个新的集合 [1,2,3,4,5]
    可以写成 var newArr = [...arr,4,5]
    
    顺序不限,若想得到一个新的集合[4,1,2,3,5]
    可以写成 var newArr = [4,...arr,5]
    
    3,同2向给一个对象添加一个属性
    var person = {
      name:"alle",
      age : 14  
    }
    若想给person对象添加一个属性height
    可以写成
    var newPerson = {...person,height: 165}
    即 {
      name:"alle",
      age : 14,
      height: 165
    }
    
    
    42,3的运用,合并
    var arr1= [1,2,3]
    var arr2 = [4,5,6]
    若想合并 类似于cancat方法
    var newArr = [...arr1,...arr2]
    即[1,2,3,4,5,6]
    
    5、rest参数
    一个函数 function sum (num1,num2){
      return num1+num2    
    }
    
    正常调用为fun(10,11)
    可以写成
    var arr = [10,11]
    sum(...arr)
    
    6、结构对象
    var person = {
      name:"alle",
      age : 14,
      height: 165
    }
    
    var {name,...others} = person
    则others为{
      age : 14,
      height: 165
    }
    name 为 "alle"
    
    7、字符串转数组
    var name="Alle"var arrName = [...name] // ['A','l','l','e']
        

    作者:听着music睡

    出处:http://www.cnblogs.com/xqxacm/

    Android交流群:38197636

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    [JZOJ3386] 守卫者的挑战
    [JZOJ3385] 黑魔法师之门
    [JZOJ3383] 太鼓达人
    [JZOJ3382] 七夕祭
    NOIP模拟测试on 2019.9.27
    数据结构测试2 on 2019.9.25
    数据结构测试1 on 2019.9.24
    P2047 [NOI2007]社交网络
    P2286 [HNOI2004]宠物收养场
    P1342 请柬 建反图+dijkstra
  • 原文地址:https://www.cnblogs.com/xqxacm/p/15493667.html
Copyright © 2011-2022 走看看