JavaScript 数组方法

1、forEach()

方法描述
通过 arr.forEach((element, index, array) => {}); 调用，遍历数组 arr。其中 element 代表当前遍历的元素，index 代表当前遍历的索引，array 代表当前遍历的数组。该方法没有返回值。
示例代码

let arr = [1, 4, -2, 3, -5, 6];
arr.forEach((element, index, array) => {
  console.log(
    `当前索引是:${index}`,
    `当前的值是:${element}`,
    `arr[${index}] = ${array[index]}`
  );
});

示例结果

2、map()

方法描述
通过 let arrNew = arr.map((element, index, array) => {}); 调用，遍历 arr，对该数组的值进行操作，然后返回新的数组。其中 element 代表当前遍历的元素，index 代表当前遍历的索引，array 代表当前遍历的数组。该方法有返回值，返回值是新的数组。
示例代码

let arr = [1, 4, -2, 3, -5, 6];
let arrNew = arr.map((element, index, array) => {
  return element * 2;
});
arrNew.forEach((element, index, array) => {
  console.log(
    `当前索引是:${index}`,
    `当前的值是:${element}`,
    `arr[${index}] = ${array[index]}`
  );
});

示例结果

3、filter()

方法描述
通过 let arrNew = arr.filter((element, index, array) => {}); 调用，遍历 arr，筛选满足条件的元素，然后返回新的数组。其中 element 代表当前遍历的元素，index 代表当前遍历的索引，array 代表当前遍历的数组。该方法有返回值，返回值是新的数组。
示例代码

let arr = [1, 4, -2, 3, -5, 6];
let arrNew = arr.filter((element, index, array) => {
  return element > 0;
});
arrNew.forEach((element, index, array) => {
  console.log(
    `当前索引是:${index}`,
    `当前的值是:${element}`,
    `arr[${index}] = ${array[index]}`
  );
});

示例结果

4、some()

方法描述
通过 let bFlag = arr.some((element, index, array) => {}); 调用，遍历 arr，判断是否存在满足条件的元素，存在返回 true，不存在返回 false。其中 element 代表当前遍历的元素，index 代表当前遍历的索引，array 代表当前遍历的数组。该方法有返回值，返回值是布尔类型。
示例代码

let arr = [1, 4, -2, 3, -5, 6];
let bFlag = arr.some((element, index, array) => {
  return element > 10;
});
console.log(`arr数组是否存在大于10的元素:${bFlag}`);

示例结果

5、every()

方法描述
通过 let bFlag = arr.some((element, index, array) => {}); 调用，遍历 arr，判断是否所有的元素都满足条件，都满足返回 true，存在不满足的返回 false。其中 element 代表当前遍历的元素，index 代表当前遍历的索引，array 代表当前遍历的数组。该方法有返回值，返回值是布尔类型。
示例代码

let arr = [1, 4, -2, 3, -5, 6];
let bFlag = arr.every((element, index, array) => {
  return element < 10;
});
console.log(`arr数组的元素是否都小于10:${bFlag}`);

示例结果

JavaScript 数组方法

Java相关栏目本月热门文章