首页 > 文章列表 > 如何使用 JavaScript 遍历 JSON 数组中的内容?

如何使用 JavaScript 遍历 JSON 数组中的内容?

314 2025-03-12

如何使用 JavaScript 遍历 JSON 数组中的内容?

用 javascript 遍历 json 数组

当你获取到一个 json 字符串并且需要提取其内容时,如何遍历其值至关重要。本文将介绍如何使用 javascript 解析 json 字符串并遍历其数组。

解析 json

首先,你需要解析 json 字符串。这可以通过 json.parse() 方法来实现。例如,如果你有一个如下所示的 json 字符串:

{
  "filelist": ["item1", "item2", "item3"]
}

可以按照以下步骤解析它:

var info = json.parse('{ "filelist": ["item1", "item2", "item3"] }');

遍历 json 数组

解析 json 字符串后,你可以遍历其数组。这可以通过使用 foreach() 方法来实现。例如:

var data = info.filelist;
data.foreach(function(item) {
  console.log(item);
});

上面的代码将输出以下内容:

item1
item2
item3

代码示例

问题中提供的代码示例提供了另一种遍历 json 数组的方法。以下是如何改进该代码以使用 foreach() 方法:

function recordeInfo(info) {
  console.log(info);
  var data = JSON.parse(info.FileList);

  console.log(data);
  data.forEach(function(item) {
    console.log(item);
  });
}
来源:1730955738