1、前言

數(shù)組方法有太多了，本文記錄一些本人容易記錯的一些數(shù)組方法，用于鞏固及復(fù)習(xí)。
后續(xù)會慢慢的將其他數(shù)組方法添加進來。
善用數(shù)組方法可以使數(shù)據(jù)處理變的優(yōu)雅且簡單。

那下面讓我們開始吧:

2、filter()

描述：

filter() 方法創(chuàng)建一個新數(shù)組，并將符合條件的所有元素添加到創(chuàng)建的新數(shù)組中。

語法：

Array.filter(callback(element, index, array) { // 函數(shù)體 }, thisValue)

參數(shù)：

callback與thisValue:

callback的參數(shù)列表:

thisValue的參數(shù):

執(zhí)行 callback 時，用于 this 的值。

返回值：

是一個由 filter() 參數(shù)一函數(shù)的返回值組成的新數(shù)組

示例：

let users = [
  {id: 11, name: "孫悟空"},
  {id: 21, name: "豬八戒"},
  {id: 31, name: "沙和尚"}
];

// 返回前兩個用戶的數(shù)組
let filterUsers = users.filter(item => item.id < 31);

console.log(filterUsers.length); // 2

3、map()

描述：

map() 方法創(chuàng)建一個新數(shù)組，新數(shù)組的每個元素是調(diào)用一次給定函數(shù)的返回值。

語法：

Array.map(callback(currentValue, index, array) { // 函數(shù)體 }, thisValue)

參數(shù)：

callback與thisValue

callback的參數(shù)列表:

thisValue的參數(shù):

執(zhí)行 callback 時，用于 this 的值。

返回值：

是一個由原數(shù)組每個元素執(zhí)行回調(diào)函數(shù)的結(jié)果組成的新數(shù)組。

示例：

let number = [1, 2, 3].map(item => item + 1);

console.log(lengths); // 2, 3, 4

4、sort()

描述：

map() 方法在原數(shù)組上進行修改更改元素的順序

注：默認排序順序是在將元素轉(zhuǎn)換為字符串，然后比較它們的UTF-16代碼單元值序列時

語法：

Array.sort( compareFunction )

參數(shù)：

compareFunction

compareFunction的參數(shù)列表:

compareFunction返回值

返回一個說明這兩個值順序的數(shù)字

• 若 a 小于 b，在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前，則返回一個小于 0 的值。
• 若 a 等于 b，則返回 0。
• 若 a 大于 b，則返回一個大于 0 的值。
  

返回值：

返回值為排序后的數(shù)組，但是返回值通常會被忽略，因為修改了原數(shù)組。

示例：

let number = [1, 2, 3].map(item => item + 1);

console.log(lengths); // 2, 3, 4

5、reduce()

描述：
reduce() 方法為數(shù)組中的每一個元素依次執(zhí)行(升序執(zhí)行)回調(diào)函數(shù)，不包括數(shù)組中被刪除或從未被賦值的元素。將其結(jié)果計算為一個值。

注：reduce() 可以作為一個高階函數(shù)，用于函數(shù)的 compose。

語法：

Array.reduce(callback(accumulator, currentValue, index, array), initialValue)

參數(shù)：

callback與initialValue

callback的參數(shù)列表:

initialValue的參數(shù):

作為第一次調(diào)用 callback函數(shù)時的第一個參數(shù)的值。 如果沒有提供初始值，則將使用數(shù)組中的第一個元素作為初始值。 在沒有初始值的空數(shù)組上調(diào)用 reduce 將報錯。

返回值：

函數(shù)累計處理后的結(jié)果
執(zhí)行完所有callback函數(shù)的accumulator參數(shù)

注:    我們的 reducer 函數(shù)的返回值分配給累計器，該返回值在數(shù)組的每個迭代中被記住，并最后成為最終的單個結(jié)果值。

示例：

let number = [1, 2, 3, 4];

let result = number.reduce((sum, current) => sum + current, 0);

console.log(result); // 10

6、forEach()

描述：

reduce() 方法為數(shù)組中的每一個元素依次執(zhí)行(升序執(zhí)行)回調(diào)函數(shù)，不包括數(shù)組中被刪除或從未被賦值的元素。將其結(jié)果計算為一個值。

注：reduce() 可以作為一個高階函數(shù)，用于函數(shù)的 compose。

語法：

Array.forEach(callback(currentValue , index , array), thisValue)

參數(shù)：

callback與thisValue

callback的參數(shù)列表：

thisValue的參數(shù)：

執(zhí)行 callback 時，用于 this 的值。

返回值：

該方法沒有返回值。

示例：

let number = [1, 2, 3, 4];

number.forEach((item, index ,array) =>{
 console.log(item); // 1/2/3/4
});

7、方法列表

方法屬性：

到此這篇關(guān)于JavaScript數(shù)組 幾個常用方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組 幾個常用方法 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

8、本文參考

MDN中文官網(wǎng)https://developer.mozilla.org/zh-CN/
W3School 簡體中文版https://www.w3school.com.cn/

最新評論