js json数组遍历
时间: 2023-07-13 15:40:29 浏览: 111
你可以使用 for 循环遍历 JSON 数组。例如:
```javascript
var jsonArray = [
{"name": "Alice", "age": 25},
{"name": "Bob", "age": 30},
{"name": "Charlie", "age": 35}
];
for (var i = 0; i < jsonArray.length; i++) {
console.log(jsonArray[i].name + " is " + jsonArray[i].age + " years old.");
}
```
这将输出:
```
Alice is 25 years old.
Bob is 30 years old.
Charlie is 35 years old.
```
你也可以使用 forEach() 方法来遍历 JSON 数组。例如:
```javascript
var jsonArray = [
{"name": "Alice", "age": 25},
{"name": "Bob", "age": 30},
{"name": "Charlie", "age": 35}
];
jsonArray.forEach(function(item) {
console.log(item.name + " is " + item.age + " years old.");
});
```
这将输出相同的结果。
相关问题
js遍历json数组
可以使用JavaScript的for循环遍历JSON数组。首先,你需要将JSON字符串解析为JavaScript对象,然后使用for循环迭代数组中的每个元素。
下面是一个示例代码:
```javascript
// 假设有一个名为data的JSON数组
var jsonData = '[{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}, {"name": "Charlie", "age": 35}]';
// 解析JSON字符串为JavaScript对象
var data = JSON.parse(jsonData);
// 使用for循环遍历数组
for (var i = 0; i < data.length; i++) {
var item = data[i];
console.log(item.name, item.age);
}
```
这段代码中,我们首先使用`JSON.parse()`函数将JSON字符串解析为JavaScript对象。然后,使用for循环遍历数组,并通过`item.name`和`item.age`访问每个元素的属性。
js遍历json数组给html td赋值,JS实现给json数组动态赋值的方法示例_咋地 _前端开发者...
可以使用 JavaScript 的 forEach 方法遍历 JSON 数组,然后使用 DOM 操作给 HTML 的 td 元素赋值。示例代码如下:
HTML 代码:
```
<table>
<tr>
<td id="name"></td>
<td id="age"></td>
</tr>
</table>
```
JavaScript 代码:
```javascript
var data = [
{
"name": "张三",
"age": 20
},
{
"name": "李四",
"age": 25
}
];
data.forEach(function(item) {
document.getElementById("name").innerHTML += item.name + "<br/>";
document.getElementById("age").innerHTML += item.age + "<br/>";
});
```
该代码会将 JSON 数组 data 中的每个对象的 name 和 age 属性的值分别赋值给 HTML 的两个 td 元素。需要注意的是,这里使用了 innerHTML 属性来给 td 元素赋值,并且使用了 += 运算符来将每个对象的值拼接在一起。
阅读全文