8 個你應該知道的JavaScript 數(shù)組方法
原文 | https://javascript.plainenglish.io/8-javascript-array-methods-you-should-know-81947c9e46de
原譯 | 楊小二
數(shù)組構成了幾乎任何編程語言的組成部分。了解數(shù)組對于揭示編程概念非常重要。
根據(jù)維基百科的解釋，數(shù)組可以定義為由一組元素組成的數(shù)據(jù)結構，每個元素由至少一個數(shù)組索引或鍵標識。存儲一個數(shù)組，以便可以通過數(shù)學公式從其索引元組計算每個元素的位置。
在本文中，我們將研究 JavaScript 數(shù)組方法以及如何使用它們。
簡單來說，數(shù)組只是一個變量，在給定時間可以保存多個值。
另外需要注意的是，幾乎所有主流瀏覽器都支持這些數(shù)組方法。
1、map() 方法
map() 方法是一種數(shù)組方法，它通過對父數(shù)組中存在的每個元素調用函數(shù)來創(chuàng)建數(shù)組。
此方法不會為沒有值的數(shù)組元素執(zhí)行函數(shù)。
map() 數(shù)組方法的行為就像一個純函數(shù)，不會改變原始數(shù)組。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const userAge=users.map((user)=>{return user.name})console.log(userAge)
這將返回給定數(shù)組中的所有名稱。
2、filter() 方法
filter() 數(shù)組方法返回一個給定的數(shù)組，該數(shù)組從原始數(shù)組傳遞給定的計算。在filter()內部，我們提供了如下所示的功能。
filter() 函數(shù)不能用于沒有值的數(shù)組元素。
filter() 函數(shù)不會改變原始數(shù)組，因此它的行為就像一個純函數(shù)。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const filterUsers = users.filter((user)=>{return user.age <=27})console.log(filterUsers)
3、find() 方法
find() 數(shù)組方法用于在數(shù)組中查找給定對象。
此方法返回通過給定語句測試的第一個元素的值。
此方法對數(shù)組中存在的每個元素執(zhí)行一次給定的函數(shù)。
find() 方法不會改變提供的原始數(shù)組。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const findUser= users.find((user)=>{return user.name === ‘Debby’})console.log(findUser)
4、forEach() 方法
forEach() 數(shù)組方法用于為數(shù)組中的每個元素調用特定的函數(shù)。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]users.forEach((user)=>{console.log(user.name)})
該函數(shù)將返回給定數(shù)組中的所有名稱。在大多數(shù)情況下，forEach() 方法使處理數(shù)組變得非常容易。
5、some() 方法
some() 數(shù)組方法用于檢查數(shù)組中給定的一組元素是否通過特定測試。
some() 數(shù)組方法的行為就像一個純函數(shù)。
如果傳遞了值，則返回true（并且不檢查剩余值），否則返回false。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const midUsers = users.some((user)=>{return user.name <= 27})console.log(midUsers)
6、every()方法
every() 方法執(zhí)行并檢查給定數(shù)組中的所有元素是否通過提供的測試。
它的行為就像一個純函數(shù)，不會改變原始數(shù)組。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const everyUsers = users.every((user)=>{return user.name <= 25})console.log(everyUsers)
7、reduce() 方法
顧名思義，它將原始數(shù)組簡化為一對值，并為每個給定的值執(zhí)行給定的函數(shù)。
例子：
const users = [{name:’John’, age:33},{name:’Philip’, age:40},{name:’Carl’, age:30},{name:’Frank’, age:27},{name:’Florin’, age:25},{name:’Debby’, age:21},{name:’Liam’, age:26}]const totalAge= users.reduce((curr, user)=>{return user.age + curr}, 0)console.log(totalAge)
8、includes() 方法
includes() 數(shù)組方法檢查數(shù)組中是否包含給定元素。
例子：
const ages = [19,56,45,54,30,32,21,33,21,18,23,23]const hasTwentyThree=ages.includes(23)
如果給定的測試通過，則返回 true，否則返回 false。
最后的想法
如果你喜歡閱讀這篇文章并認為其他人也會喜歡它，請不要猶豫，分享它。
感謝你的閱讀，編程愉快！
學習更多技能
請點擊下方公眾號
