首页 /  技术专区  /  JavaScript 宽屏模式 >

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


1. 遍历数组 forEach 方法(重点)

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

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

语法:

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

例如:

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

Image.png

注意:

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 可选

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



头像
0/200
图片验证码