JS数组的方法及应用

1. forEach方法：用于遍历数组中的每一个元素，没有返回值。

const arr = ['apple', 'banana', 'orange'];

arr.forEach((item, index) => {
  console.log(`${item} is at index ${index}`);
});
//输出：
//apple is at index 0
//banana is at index 1
//orange is at index 2

     2.map方法：将数组中的每一个元素通过回调函数进行处理后，返回一个新的数组。

const arr = [1, 2, 3, 4];

const newArr = arr.map(item => item * 2);

console.log(newArr); //输出 [2, 4, 6, 8]

    3.filter方法：返回一个新数组，其中包含满足回调函数条件的元素。

const arr = [1, 2, 3, 4];

const newArr = arr.filter(item => item % 2 === 0);

console.log(newArr); //输出 [2, 4]

     4.reduce方法：将数组中的元素通过回调函数进行累加计算，返回一个累加结果。

const arr = [1, 2, 3, 4];

const sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue);

console.log(sum); //输出 10

    5.some方法：用于判断数组中是否存在至少一个元素符合回调函数的条件，返回布尔值。

const arr = [1, 2, 3, 4];

const hasEven = arr.some(item => item % 2 === 0);

console.log(hasEven); //输出 true

    6.every方法：用于判断数组中是否所有元素均符合回调函数的条件，返回布尔值。

const arr = [1, 2, 3, 4];

const allEven = arr.every(item => item % 2 === 0);

console.log(allEven); //输出 false

    7.find方法：返回数组中第一个符合回调函数条件的元素，如果没有则返回 undefined。

const arr = [{name: 'apple', price: 2}, {name: 'banana', price: 3}, {name: 'orange', price: 4}];

const target = arr.find(item => item.price > 2);

console.log(target); //输出 {name: 'banana', price: 3}

    8.findIndex方法：返回数组中第一个符合回调函数条件的元素索引，如果没有则返回 -1。

const arr = [{name: 'apple', price: 2}, {name: 'banana', price: 3}, {name: 'orange', price: 4}];

const targetIndex = arr.findIndex(item => item.price > 2);

console.log(targetIndex); //输出 1

    9.includes方法：判断数组中是否包含某个元素，返回布尔值。

const arr = [1, 2, 3, 4];

const hasOne = arr.includes(1);

console.log(hasOne); //输出 true

   10.reverse方法：将数组中的元素顺序反转。

const arr = [1, 2, 3, 4];

arr.reverse();

console.log(arr); //输出 [4, 3, 2, 1]