js合并两个数组生成合并后的key:value数组
时间: 2023-11-22 11:45:17 浏览: 122
在JavaScript中,可以通过循环遍历两个数组,将它们合并成一个key:value的对象数组。具体实现方法如下:
```
var arr1 = ['a', 'b', 'c'];
var arr2 = [1, 2, 3];
var result = [];
for (var i = 0; i < arr1.length; i++) {
var obj = {};
obj[arr1[i]] = arr2[i];
result.push(obj);
}
console.log(result); // [{a: 1}, {b: 2}, {c: 3}]
```
这段代码中,我们首先定义了两个数组arr1和arr2,然后定义了一个空数组result用于存放合并后的结果。接着,我们使用for循环遍历arr1数组,每次循环创建一个空对象obj,将arr1[i]作为key,arr2[i]作为value,然后将obj添加到result数组中。最后,我们输出result数组,即可得到合并后的key:value数组。
相关问题
js 合并两个数组生成合并后的key:value的json
你可以使用 JavaScript 的 `reduce()` 方法来合并两个数组生成合并后的 key:value 的 JSON。具体实现如下:
```javascript
const keys = ["name", "age", "gender"];
const values = ["John", 30, "male"];
const result = keys.reduce((obj, key, index) => {
obj[key] = values[index];
return obj;
}, {});
console.log(result); // 输出:{ name: "John", age: 30, gender: "male" }
```
在上面的代码中,我们先定义了两个数组 `keys` 和 `values`,分别包含了需要合并的 key 和 value。然后,我们使用 `reduce()` 方法对 `keys` 数组进行遍历,对于每个遍历到的 key,将其和对应的 value 存储到一个空对象 `obj` 中,并返回该对象。
最后,我们得到了一个合并后的 key:value 的 JSON 对象 `result`,其中每个 key 对应着其在原始数组中的 value。
Vue/Js 将两个数组合并生成一个对象数组 并为其添加相应的key值
可以使用Vue/Js中的map函数来实现将两个数组合并生成一个对象数组,并为其添加相应的key值。示例代码如下:
```javascript
let arr1 = ['apple', 'banana', 'cherry'];
let arr2 = [10, 20, 30];
let result = arr1.map((item, index) => {
return {name: item, value: arr2[index]};
});
console.log(result);
```
输出结果为:
```javascript
[
{name: 'apple', value: 10},
{name: 'banana', value: 20},
{name: 'cherry', value: 30}
]
```
在这个示例中,我们使用了map函数来遍历arr1数组,并在每个元素上执行一个函数,该函数将当前元素和arr2数组中相同索引的元素合并成一个对象,并添加了相应的key值。最终返回的结果是一个新的对象数组。
阅读全文