js 循环数组添加json
时间: 2023-10-02 13:07:48 浏览: 51
你可以使用 JavaScript 中的循环语句(如 for 循环)来遍历数组,并在每个循环中将 JSON 对象添加到数组中。下面是一个示例代码:
```javascript
var jsonArray = []; // 创建一个空数组用于存储 JSON 对象
var array = [1, 2, 3, 4, 5]; // 示例数组
for (var i = 0; i < array.length; i++) {
var obj = {}; // 创建一个空的 JSON 对象
obj.key = array[i]; // 设置 JSON 对象的属性
jsonArray.push(obj); // 将 JSON 对象添加到数组中
}
console.log(jsonArray); // 输出数组中的 JSON 对象
```
这段代码将创建一个名为 `jsonArray` 的空数组,并遍历 `array` 数组中的每个元素。在每次循环中,它会创建一个新的空 JSON 对象 `obj`,并将当前元素的值赋给该对象的属性 `key`。然后,它将该 JSON 对象添加到 `jsonArray` 数组中。最后,通过 `console.log` 输出数组中的 JSON 对象。
你可以根据你的需求修改代码来适应你的具体情况。希望对你有所帮助!
相关问题
javascript json循环添加
你可以使用 JavaScript 中的 `forEach` 方法来循环遍历一个 JSON 对象,并且使用 `push` 方法来添加数据。
以下是一个示例代码:
```javascript
let data = [
{ name: "Alice", age: 25 },
{ name: "Bob", age: 30 },
{ name: "Charlie", age: 35 }
];
// 循环遍历数据
data.forEach(item => {
// 添加新的数据
item.job = "developer";
});
console.log(data);
```
在上面的代码中,我们定义了一个包含三个对象的数组 `data`。我们使用 `forEach` 方法遍历每个对象,并且使用 `push` 方法添加一个新属性 `job`,值为字符串 `"developer"`。最终,我们使用 `console.log` 方法打印出更新后的数组。
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()`获取选中的值。