8 个必须掌握的 JavaScript 数组方法
嗨，Dev！感谢你访问我的博客。希望你一切都好，并准备好学习最常用的 JavaScript 数组方法。
以下是你应该了解的 8 个 JavaScript 数组方法。
1. 过滤()
- filter() 方法返回一个数组，其中包含满足条件的所有数组元素。
- 如果没有元素满足条件，则返回空数组。
let arr = [1, 2, 3, 4, 5, 6];
// returning items less than 4
let filteredArr = arr.filter((item) => item < 4);
console.log(filteredArr); // output: [1, 2, 3]
2. map()
- map() 方法返回一个新数组，其中包含对数组中每个元素调用函数的结果。
- map() 方法会按顺序对数组中的每个元素调用一次提供的函数。
let arr = [1, 2, 3, 4, 5, 6];
// adding one to each array element
let mappedArr = arr.map((item) => item + 1);
console.log(mappedArr); // output: [2, 3, 4, 5, 6, 7]
3. find()
- find() 方法返回数组中第一个满足条件的元素的值。
- find() 方法会对数组中的每个元素执行一次该函数。
let arr = [1, 2, 3, 4, 5, 6];
// finding element greater than 4
let resultArr = arr.find((item) => item > 4);
console.log(resultArr); // output: [5]
4. forEach()
- forEach() 方法会按顺序对数组中的每个元素调用一次函数。
let arr = [1, 2, 3, 4, 5, 6];
arr.forEach((item) => {
console.log(item); // output: 1 2 3 4 5 6
});
5. 一些()
- some() 方法检查数组中是否有任何元素满足条件。
- 如果满足条件，则返回“true”，否则返回“false”。
let arr = [1, 2, 3, 4, 5, 6];
// checking is any array element equals to 3
let isThree = arr.some((item) => item === 3);
console.log(isThree); // output: true
// checking is any array element equals to 10
let isTen = arr.some((item) => item === 10);
console.log(isTen); // output: false
6. 每次()
- every() 方法检查数组中的所有元素是否都满足条件。
- 如果满足条件，则返回“true”，否则返回“false”。
let arr = [1, 2, 3, 4, 5, 6];
// all elements are less than 6
let lessSix = arr.every((item) => item <= 6);
console.log(lessSix); // output: true
// all elements are greater than 10
let greaterTen = arr.every((item) => item > 10);
console.log(greaterTen); // output: false
7. reduce()
- reduce() 方法将数组简化为单个值。
- reduce() 方法对数组中的每个值（从左到右）执行提供的函数，并将返回值存储在累加器中。
let arr = [1, 2, 3, 4, 5, 6];
// adding all elements of an array
let sum = arr.reduce((total, value) => total + value);
console.log(sum); // output: 21
8. includes()
- includes() 方法用于判断数组是否包含指定的元素。
- 如果数组包含该元素，则返回“true”，否则返回“false”。
let arr = ["html", "css", "js"];
// checking is array conatins 'js'
arr.includes("js"); // output: true
// checking is array conatins 'react'
arr.includes("react"); // output: false
注意：以上所有数组方法都不会改变原始数组。
文章来源：https://dev.to/shoaibsayyed/8-must-know-javascript-array-methods-29d