Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 遍历数组

作者:黑白灰调   发布日期:2026-03-30   浏览:53

// 使用 for 循环遍历数组
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]); // 输出数组中的每个元素
}

// 使用 forEach 方法遍历数组
arr.forEach(function(element) {
    console.log(element); // 输出数组中的每个元素
});

// 使用 for...of 循环遍历数组
for (let element of arr) {
    console.log(element); // 输出数组中的每个元素
}

// 使用 map 方法遍历数组并返回新数组
let newArr = arr.map(function(element) {
    return element * 2; // 返回每个元素乘以2后的新数组
});
console.log(newArr);

// 使用 filter 方法遍历数组并返回符合条件的元素组成的新数组
let filteredArr = arr.filter(function(element) {
    return element > 3; // 返回大于3的元素组成的新数组
});
console.log(filteredArr);

解释说明:

  1. for 循环:传统的 for 循环通过索引访问数组中的每个元素。
  2. forEach 方法forEach 是一种更简洁的方式,适用于不需要返回新数组的场景。
  3. for...of 循环for...of 是 ES6 引入的新语法,可以直接遍历数组中的元素,无需使用索引。
  4. map 方法map 遍历数组并对每个元素执行指定操作,返回一个新数组。
  5. filter 方法filter 遍历数组并返回符合条件的元素组成的新数组。

上一篇:js 数组foreach

下一篇:js 数组遍历

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站