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

js 循环json

作者:▍看女人酒醒的疯癫。   发布日期:2025-03-18   浏览:123

// 示例 JSON 数据
const jsonData = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 }
];

// 使用 for 循环遍历 JSON 数组
for (let i = 0; i < jsonData.length; i++) {
  console.log(`Name: ${jsonData[i].name}, Age: ${jsonData[i].age}`);
}

// 使用 forEach 方法遍历 JSON 数组
jsonData.forEach(item => {
  console.log(`Name: ${item.name}, Age: ${item.age}`);
});

// 使用 for...of 循环遍历 JSON 数组
for (let item of jsonData) {
  console.log(`Name: ${item.name}, Age: ${item.age}`);
}

// 使用 for...in 循环遍历 JSON 对象(不推荐用于数组)
const jsonObject = { name: "David", age: 40 };
for (let key in jsonObject) {
  console.log(`${key}: ${jsonObject[key]}`);
}

解释说明:

  1. for 循环:通过索引访问数组中的每个元素,适用于需要控制索引的情况。
  2. forEach 方法:简洁地遍历数组,适合不需要返回新数组的场景。
  3. for...of 循环:直接遍历数组中的每个元素,语法更简洁。
  4. for...in 循环:通常用于遍历对象的属性,但也可以用于数组(不过不推荐)。

上一篇:js react

下一篇:js confirm 弹窗

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站