JavaScript 遍历数组 forEach 方法、筛选数组 filter 方法

1. 遍历数组 forEach 方法（重点）

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数

主要使用场景： 遍历数组的每个元素

语法：

被遍历的数组.forEach(function(当前数组元素, 当前元素索引号) {
    // 函数体
});

例如：

const arr = ['pink', 'red', 'green']
arr.forEach(function(item, index) {
    console.log(`当前数组元素是：${item}`)  // 依次打印数组每一个元素
    console.log(`当前数组元素的索引是：${index}`)   // 依次打印数组的每一个元素的索引
})

注意：

1. forEach 主要是遍历数组

2. 参数当前数组元素是必须要写的， 索引号可选。

2. 筛选数组 filter 方法（重点）

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

主要使用场景： 筛选数组符合条件的元素，并返回筛选之后元素的新数组

语法：

被遍历的数组.filter(function(currentValue, index) {
    return 筛选条件
})

例如：

// 筛选数组中大于30的元素
const score = [10, 50, 3, 40, 33]
const re = score.filter(function(item) {
    return item > 30
})
console.log(re) // [50, 40, 33]

filter() 筛选数组

返回值：返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组

参数：currentValue 必须写， index 可选

因为返回新数组，所以不会影响原数组