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

js 遍历list

作者:让固执流亡丶   发布日期:2026-01-23   浏览:46

// 遍历 JavaScript 数组 (list) 的几种常见方法

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

// 2. 使用 forEach 方法
list.forEach(function(item) {
    console.log(item); // 输出数组中的每个元素
});

// 3. 使用 for...of 循环 (ES6+)
for (let item of list) {
    console.log(item); // 输出数组中的每个元素
}

// 4. 使用 map 方法 (如果需要对每个元素进行操作并返回新数组)
let newList = list.map(function(item) {
    return item * 2; // 返回每个元素乘以2后的新数组
});
console.log(newList);

// 5. 使用 for...in 循环 (不推荐用于遍历数组,因为它是为对象设计的)
for (let index in list) {
    console.log(list[index]); // 输出数组中的每个元素
}

解释说明:

  • for 循环:传统的循环方式,通过索引访问数组中的每个元素。
  • forEach 方法:简洁的遍历方式,适用于不需要返回新数组的情况。
  • for...of 循环:ES6 引入的新语法,可以直接遍历数组中的值,无需通过索引。
  • map 方法:用于对数组中的每个元素进行操作,并返回一个新的数组。
  • for...in 循环:虽然可以遍历数组,但它是为对象设计的,因此不推荐用于数组。

上一篇:js list遍历

下一篇:js list push

大家都在看

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 数组对象合并

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

Laravel 中文站