JS中的…是扩展运算符,是es6的新语法;
其作用在对象上,返回一个对象,取出对象所有可遍历属性;
场景1:
let person = { name:'张三',age:18}let someone = {...person}console.log(someone) //返回 { name:'张三',age:18}
场景2:
let array = ['a','b','c']let obj = {...array} console.log(obj) // {0:'a',1:'b',2:'c'} 说明:给数组的每个元素生成key,从0开始返回一个新的对象
场景3:
合并对象
let name = { name:'张三'}let age = { age:18}let person ={...name,...age}console.log(person) //{name:'张三',age:18}
场景4:
属性合并
let person = {name: "Amy", age: 15};let someone = { ...person, name: "Mike", age: 17};someone; //{name: "Mike", age: 17}
说明:自定义属性和扩展属性相同的时候,将会被覆盖。自定义属性在前,扩展属性覆盖自定义属性。反之则是自定义属性覆盖拓展属性。
例如一个二维数组history和一个一维数组nextSquares,[…history, nextSquares] 创建了一个新数组,其中包含 history 中的所有元素,后跟 nextSquares。(你可以将 …history 展开语法理解为“枚举 history 中的所有元素”。)
例如,如果 history 是 [[null,null,null], [“X”,null,null]],nextSquares 是 [“X”,null,“O”],那么新的 […history, nextSquares] 数组就是 [[null,null,null], [“X”,null,null], [“X”,null,“O”]]。