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

js 列表循环

作者:花小泽ノ   发布日期:2025-08-05   浏览:76

// 示例代码:使用 for 循环遍历列表(数组)

// 定义一个列表(数组)
const list = ['苹果', '香蕉', '橙子', '葡萄'];

// 使用 for 循环遍历列表
for (let i = 0; i < list.length; i++) {
    console.log(list[i]);  // 输出每个元素
}

// 解释说明:
// 1. `list` 是一个包含多个水果名称的数组。
// 2. `for` 循环通过 `i` 从 0 开始,逐步递增,直到 `i` 达到数组的长度 (`list.length`)。
// 3. 在每次循环中,`list[i]` 表示当前索引位置的元素,并通过 `console.log()` 输出该元素。

// 示例代码:使用 forEach 方法遍历列表(数组)

// 使用 forEach 方法遍历列表
list.forEach(function(item, index) {
    console.log(`索引 ${index}: ${item}`);  // 输出每个元素及其索引
});

// 解释说明:
// 1. `forEach` 是数组的一个内置方法,用于遍历数组中的每个元素。
// 2. `item` 是当前遍历到的元素,`index` 是该元素在数组中的索引。
// 3. `console.log()` 输出每个元素及其对应的索引。

// 示例代码:使用 for...of 循环遍历列表(数组)

// 使用 for...of 循环遍历列表
for (let item of list) {
    console.log(item);  // 输出每个元素
}

// 解释说明:
// 1. `for...of` 是 ES6 引入的一种新的循环语法,专门用于遍历可迭代对象(如数组)。
// 2. `item` 是当前遍历到的元素,循环会自动处理数组的索引。
// 3. `console.log()` 输出每个元素。

上一篇:js list循环

下一篇:js 对象循环

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

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

Laravel 中文站