js遍历数组的8种方法

1.for 循环:可以改变原数组。

const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 2;
}
console.log(arr); // [2,4,6]

2.forEach() 方法:可以改变原数组。(无返回值)

const arr = [1,2, 3];
arr.forEach((item, index, array) => {
  array[index] = item * 2;
})
console.log(arr); // [2,4,6]

3.map()方法:返回一个新的数组,不会改变原数组

const arr = [1,2, 3];
const newArr = arr.map((item) => {
  return item * 2;
})
console.log(arr); // [1,2,3]
console.log(newArr); // [2,4,6]

4.filter() 方法:返回一个新的数组,不会改变原数组。

const arr = [1, 2, 3];
const newArr = arr.filter((item) => {
  return item > 1;
})
console.log(arr); // [1,2,3]console.log(newArr); // [2,3]

5.reduce() 方法:返回一个新的值,不会改变原数组。

const arr = [1, 2, 3];
const total = arr.reduce((acc, item) => {
  return acc + item;
});
console.log(arr); // [1,2, 3]
console.log(total); // 6

6.some() 方法:返回一个布尔值,不会改变原数组。

const arr = [1, 2, 3];
const isSomeBiggerThanOne = arr.some((item) => {
  return item > 1;
})
console.log(arr); // [1,2,3]
console.log(isSomeBiggerThanOne); // true

7.every() 方法:返回一个布尔值,不会改变原数组。

const arr = [1, 2, 3];
const isEveryBiggerThanOne = arr.every((item) => {
  return item > 1;
})
console.log(arr); // [1, 2,3]
console.log(isEveryBiggerThanOne); // false

8.find() 方法:返回 "第一个" 符合条件的值,不会改变原数组。

const arr = [1, 2, 3];
const firstBiggerThanOne = arr.find((item) => {
  return item > 1;
})
console.log(arr); // [1, 2, 3]
console.log(firstBiggerThanOne); // 2
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容