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

js 数组遍历

作者:木の兮   发布日期:2026-03-25   浏览:37

// 遍历数组的几种常见方法

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

// 2. 使用 forEach 方法
arr.forEach(function(element) {
    console.log(element); // 输出每个元素
});

// 3. 使用 for...of 循环(ES6+)
for (let element of arr) {
    console.log(element); // 输出每个元素
}

// 4. 使用 map 方法(返回新数组)
let newArr = arr.map(function(element) {
    return element * 2; // 返回每个元素乘以2后的结果
});
console.log(newArr); // 输出 [2, 4, 6, 8, 10]

// 5. 使用 filter 方法(返回符合条件的新数组)
let filteredArr = arr.filter(function(element) {
    return element > 3; // 返回大于3的元素
});
console.log(filteredArr); // 输出 [4, 5]

// 6. 使用 some 和 every 方法(返回布尔值)
let hasEven = arr.some(function(element) {
    return element % 2 === 0; // 检查是否有偶数
});
console.log(hasEven); // 输出 true

let allOdd = arr.every(function(element) {
    return element % 2 !== 0; // 检查是否所有元素都是奇数
});
console.log(allOdd); // 输出 false

解释说明:

  • for 循环:最传统的遍历方式,通过索引访问数组中的每个元素。
  • forEach 方法:简化了遍历操作,直接对每个元素执行回调函数。
  • for...of 循环:ES6 引入的新语法,可以直接遍历数组中的元素,无需通过索引。
  • map 方法:对数组中的每个元素执行回调函数,并返回一个新数组,包含每次调用的结果。
  • filter 方法:根据条件筛选数组中的元素,并返回符合条件的新数组。
  • some 和 every 方法:用于检查数组中是否至少有一个或所有元素满足给定条件,返回布尔值。

上一篇:js 遍历数组

下一篇:js 判断数组类型

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

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

Laravel 中文站