js 循环json数组
时间: 2023-08-30 12:08:42 浏览: 48
在 JavaScript 中循环遍历 JSON 数组可以使用 for 循环或者 forEach 方法。这里给出两种常见的示例:
1. 使用 for 循环遍历 JSON 数组:
```javascript
let jsonArray = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 25 }
];
for (let i = 0; i < jsonArray.length; i++) {
let item = jsonArray[i];
console.log(item.name, item.age);
}
```
2. 使用 forEach 方法遍历 JSON 数组:
```javascript
let jsonArray = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 25 }
];
jsonArray.forEach(item => {
console.log(item.name, item.age);
});
```
以上两种方法都可以用来循环遍历 JSON 数组并访问其中的属性。根据实际需求选择适合的方法即可。
相关问题
js 循环json数组 加强for循环
如果你希望在循环过程中能够访问到数组元素的索引,可以使用加强版的 for 循环(for...in 或者 for...of)来遍历 JSON 数组。这里给出两种加强版的循环示例:
1. 使用 for...in 循环遍历 JSON 数组:
```javascript
let jsonArray = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 25 }
];
for (let index in jsonArray) {
let item = jsonArray[index];
console.log(index, item.name, item.age);
}
```
2. 使用 for...of 循环遍历 JSON 数组:
```javascript
let jsonArray = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 25 }
];
for (let item of jsonArray) {
console.log(item.name, item.age);
}
```
以上两种加强版的循环方式都可以访问到数组元素的索引或值,并且更加简洁。根据具体需求选择适合的循环方式即可。
layer.prompt中循环json数组
您可以使用layer.prompt的formType为2时,自定义html内容,在html中添加循环json数组的代码。具体实现可以参考以下代码:
```javascript
var jsonArr = [
{ "id": 1, "name": "张三" },
{ "id": 2, "name": "李四" },
{ "id": 3, "name": "王五" }
];
var html = `
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">请选择:</label>
<div class="layui-input-block">
<select name="selectName" lay-verify="required">
<option value="">请选择</option>
`;
for (var i = 0; i < jsonArr.length; i++) {
html += `<option value="${jsonArr[i].id}">${jsonArr[i].name}</option>`;
}
html += `
</select>
</div>
</div>
`;
layer.prompt({
formType: 2,
value: '',
title: '请选择',
area: ['250px', '200px'],
content: html,
btn: ['确定', '取消'],
yes: function(index, layero) {
// 获取选中的值
var selectValue = layero.find('select[name="selectName"]').val();
layer.close(index);
}
});
```
在content中添加了循环json数组的代码,根据json数组的长度循环生成option标签,当用户点击确定按钮时,通过`layero.find('select[name="selectName"]').val()`获取选中的值。