ES6 陣列的擴充套件 擴充套件運算子

1、擴充套件運算子【三個點（...）將乙個陣列轉為用逗號分隔的引數序列】

作用：用於函式呼叫

function add(x, y) 

const numbers = [2, 6];
add(...numbers) // 8
8

2、...作用【求最大值/拼接陣列/複製陣列（a2複製a1,改a2不改變a1）/合併陣列/將字串轉化為真正的陣列】

（1）最大值 math.max（）

math.max(...[14, 3, 77])

77

（2）拼接陣列，通過push將乙個陣列新增到另乙個陣列的尾部

var arr1 = [1,2,3]

var arr2 = [4,5,6]
arr1.push(...arr2);
arr1// [1, 2, 3, 4, 5, 6]

（3）複製陣列

var arr1 = [1,2,3]

var arr2 = [...arr1]
console.log(arr1) // [1, 2, 3]
console.log(arr2) // [1, 2, 3]
arr2[0]=0
console.log(arr1) // [1, 2, 3]
console.log(arr2) //[0, 2, 3]

（4）合併陣列（多個）【淺拷貝】

const arr1 = ['1', '2'];

const arr2 = ['3'];
const arr3 = ['4', '5'];
var arr4=[...arr1, ...arr2, ...arr3]
console.log(arr4)// ["1", "2", "3", "4", "5"]

注意：將擴充套件運算子用於陣列賦值，只能放在引數的最後一位，否則會報錯。

const [first, ...rest] = [1, 2, 3, 4, 5];//ok

const [...butlast, last] = [1, 2, 3, 4, 5];// 報錯
const [first, ...middle, last] = [1, 2, 3, 4, 5];// 報錯

（5）字串（將字串轉為真正的陣列）

var name = 'mike'

console.log([...name])
// ["m", "i", "k", "e"]

es6 物件的擴充套件 函式的擴充套件 擴充套件運算子

let foo aaa let obj console.log obj es6允許在物件之中，直接寫變數。這時，屬性名為變數名,屬性值為變數的值。function f x,y console.log f 1,2 object var birth 2000 01 01 var person var b...

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1，陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先，我們要讀仔細下面這句話，就很容易知道擴充套件運算子的使用了，可以在心裡反覆讀三遍 接下來，我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...