js 循环json数组 加强for循环

如果你希望在循环过程中能够访问到数组元素的索引，可以使用加强版的 for 循环（for...in 或者 for...of）来遍历 JSON 数组。这里给出两种加强版的循环示例：

1. 使用 for...in 循环遍历 JSON 数组：

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 数组：

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);
}

以上两种加强版的循环方式都可以访问到数组元素的索引或值，并且更加简洁。根据具体需求选择适合的循环方式即可。

相关问题

js 循环json数组

在 JavaScript 中循环遍历 JSON 数组可以使用 for 循环或者 forEach 方法。这里给出两种常见的示例：

1. 使用 for 循环遍历 JSON 数组：

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 数组：

let jsonArray = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 25 }
];

jsonArray.forEach(item => {
  console.log(item.name, item.age);
});

以上两种方法都可以用来循环遍历 JSON 数组并访问其中的属性。根据实际需求选择适合的方法即可。

layer.prompt中循环json数组

您可以使用layer.prompt的formType为2时，自定义html内容，在html中添加循环json数组的代码。具体实现可以参考以下代码：

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()`获取选中的值。