把數組中全部元素放入一個字符串中,返回字符串。javascript
// 0.0.2/join.js const arr = ['pr', 'is', 18]; console.log(arr.join(' ')); // pr is 18 console.log('=>'); console.log(arr); // [ 'pr', 'is', 18 ] 複製代碼
鏈接多個(含兩個)數組,兩邊的原始數組都不會變化,返回被鏈接數組的一個副本,可繼續 concat
。java
// 0.0.2/concat.js const arr = [1, 2, 3, 4]; const arr1 = ['pr', 'is', 'a', 'boy']; const arr2 = [5, 6, 7]; console.log(arr.concat(arr1, arr2).concat(8, 9)); // [1, 2, 3, 4, 'pr', 'is', 'a', 'boy', 5, 6, 7, 8, 9 ] console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
從開始到結束([)
左閉右開,即不包括結束)選擇數組的一部分淺拷貝到一個新數組。git
// 0.0.2/slice.js const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(arr.slice(1, 5)); // [ 1, 2, 3, 4 ] console.log('=>'); console.log(arr); // [ 0,1,2,3,4,5,6,7,8,9 ] 複製代碼
slice(1, 5)
可見裏面最多含 4(5 - 1
) 個元素,並且從第 1 位開始取。github
建立一個新數組並返回,新數組的每一個元素由原數組中的每個元素執行提供的函數而來,其中原始數組不會發生改變。算法
// 0.0.2/map.js const arr = [1, 2, 3, 4]; console.log(arr.map(i => i * 10 - 5)); // [ 5, 15, 25, 35 ] console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
檢測數組全部元素是否都符合指定條件.數組
false
,且剩餘的元素不會再進行檢測;true
;// 0.0.2/every.js const arr = [1, 2, 3, 4]; console.log(arr.every(i => i > 2)); // false console.log(arr.every(i => i > 0)); // true console.log([].every(i => i === 'pr')); // true console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
用於檢測數組中的元素是否知足指定條件。markdown
true
, 剩餘的元素不會再執行檢測;false
;// 0.0.2/some.js const arr = [1, 2, 3, 4]; console.log(arr.some(i => i > 4)); // false console.log(arr.some(i => i > 0)); // true console.log([].some(i => i === 'pr')); // false console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
建立一個新的數組,新數組中的元素是經過檢查符合條件的全部元素。函數
// 0.0.2/filter.js const arr = [1, 2, 3, 4]; console.log(arr.filter(i => i > 2)); // [3, 4] console.log([].filter(i => i === 'pr')); // [] console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
用於調用數組的每一個元素,並將元素傳遞給回調函數,返回 undefiend
。oop
// 0.0.2/forEach.js const arr = [1, 2, 3, 4]; const copy = []; console.log(arr.forEach(i => { copy.push(i * 2); })); console.log(copy); // [ 2, 4, 6, 8 ] console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
接收一個函數做爲累加器,數組中的每一個值(從左到右)開始縮減,最終計算爲一個值。如果空數組是不會執行回調函數的;post
// 0.0.2/reduce.js const arr = [1, 2, 3, 4]; console.log(arr.reduce((prev, cur) => prev + cur, 0)); // 10 console.log('=>'); console.log(arr); // [ 1, 2, 3, 4 ] 複製代碼
刪除數組的最後一個元素,並返回這個元素(即被刪除的元素)。
undefined
;// 0.0.2/pop.js const arr = [1, 2, 3, 4]; const arr1 = []; console.log(arr.pop()); // 4 console.log(arr1.pop()); // undefined console.log('=>'); console.log(arr); // [ 1, 2, 3 ] console.log(arr1); // [] 複製代碼
將一個或多個元素添加到數組的末尾,返回值是改變後的數組的長度。
// 0.0.2/push.js const arr = [1, 2, 3, 4]; console.log(arr.push(5)); // 5 console.log(arr.push([1, 2])); // 6 console.log('=>'); console.log(arr); // [ 1, 2, 3, 4, 5, [ 1, 2 ] ] 複製代碼
刪除數組的第一個元素,並返回這個元素。
// 0.0.2/shift.js const arr = [1, 2, 3, 4]; console.log(arr.shift()); // 1 console.log('=>'); console.log(arr); // [ 2, 3, 4 ] 複製代碼
將一個或多個元素添加到數組的開頭,返回值是改變後的數組的長度。
// 0.0.2/unshift.js const arr = [1, 2, 3, 4]; console.log(arr.unshift(5, 6)); // 6 console.log(arr.unshift([1, 2])); // 7 console.log('=>'); console.log(arr); // [ [ 1, 2 ], 5, 6, 1, 2, 3, 4 ] 複製代碼
顛倒數組中元素的位置,返回該數組的引用。
// 0.0.2/reverse.js const arr = [1, 2, 3, 4]; const hello = 'hello'; const helloArray = hello.split(''); console.log(helloArray.reverse().join('')); // olleh console.log(arr.reverse()); // [ 4, 3, 2, 1 ] console.log('=>'); console.log(arr); // [ 4, 3, 2, 1 ] console.log(helloArray); // [ 'o', 'l', 'l', 'e', 'h' ] 複製代碼
對數組的元素進行排序,並返回數組。排序不必定是穩定的。默認排序順序是根據字符串 Unicode 碼點。
// 0.0.2/sort.js const arr = [1, 2, 3, 4, 10, 12, 22]; console.log(arr.sort()); // [ 1, 10, 12, 2, 22, 3, 4]; console.log('=>'); console.log(arr); // [ 1, 10, 12, 2, 22, 3, 4]; 複製代碼
向數組中添加/刪除項目,而後返回被刪除項目。
// 0.0.2/splice.js const arr = [1, 2, 3, 4]; console.log(arr.splice(1, 2, 10, 12)); // [ 2, 3 ] console.log('=>'); console.log(arr); // [ 1, 10, 12, 4 ] 複製代碼