## 一、擴展運算符 ### 1、概述 擴展（感覺用展開更能代表意義）運算符（spread）是三個點（`...`）。它好比 rest 參數（參考：[函數擴展](%E5%87%BD%E6%95%B0%E6%89%A9%E5%B1%95.md)）的逆運算，***將一個數組轉為用逗號分隔的參數序列（...需用在數組前）***。 ~~~javascript console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>] ~~~ 該運算符主要用于函數調用。 ### 2、應用 （1）、復制數組 ~~~javascript const a1 = [1, 2]; // 寫法一 const a2 = [...a1]; // 寫法二 const [...a2] = a1; ~~~ （2）合并數組 擴展運算符提供了數組合并的新寫法； ~~~javascript const arr1 = ['a', 'b']; const arr2 = ['c']; const arr3 = ['d', 'e']; // ES5 的合并數組 arr1.concat(arr2, arr3); // [ 'a', 'b', 'c', 'd', 'e' ] // ES6 的合并數組 [...arr1, ...arr2, ...arr3] // [ 'a', 'b', 'c', 'd', 'e' ] ~~~ ## 二、常用api `arry.push()` 把一個元素增加到數組的末尾，返回值為新數組的長度`arry.length`； `arry.pop()` 刪除數組中最后一個元素，返回值為刪除的元素； `arry.unshift()` 與`push`方法類似，區別在于它是在數組的前面添加元素，返回值為新數組的長度`arry.length`； `arry.shift()` 與`pop`方法類似，區別在于它是刪除數組前面的元素，返回值依然是被刪除的元素； `arry.reverse()` 把數組反向排序，這里要注意它會改變原來的數組，而不會創建新的數組； `arry.sort()` 對數組進行排序，可接受參數，參數必須是函數，如果不沒有參數 則是按照字符編碼的順序進行排序； `arry.forEach(item, index)`與`arry.map(item, index)` 兩者都是對數組遍歷，index表示數組索引，不是必須的參數區別在于`map`方法會返回一個新的數組； `arry.some()` 用于檢測數組中的元素是否滿足指定條件,參數也是函數如果有一個元素滿足條件，則表達式返回true , 剩余的元素不會再執行檢測。如果沒有滿足條件的元素，則返回false； `arry.every()` 用于檢測數組中的所有元素是否滿足指定條件,只有當數組中滅一個元素都滿足條件時，表達式返回true , 否則返回false； `arry.filter()` 它創建一個新的數組，原數組不變，新數組中的元素是通過檢查指定數組中符合條件的所有元素； `arry.join()` 把數組元素合并為一個字符串，如果不帶參數，默認用逗號分隔； `arry.splice(index, hm, add)` 它既可以刪除特定的元素，也可以在特定位置增加元素，也可以刪除增加同時搞定，`index`是起始位置，`hm`是要刪除元素的個數，`add`是要增加的元素； `arry.concat()` 用于連接兩個或多個數組，返回值為連接后的新數組，原數組不變； `array.map(callback,\[ thisObject\]);` map方法的作用不難理解，“映射”嘛，也就是原數組被“映射”成對應新數組； ~~~jsx var data = [1, 2, 3, 4]; var arrayOfSquares = data.map(function (item) { 　　return item * item; }); alert(arrayOfSquares); // [1, 4, 9, 16] ~~~