js合并两个数组生成合并后的key:value数组
时间: 2023-06-21 07:13:08 浏览: 106
可以使用 Array.prototype.map() 方法来实现合并两个数组生成 key-value 数组的操作。具体的实现如下:
```javascript
const keys = ['key1', 'key2', 'key3'];
const values = ['value1', 'value2', 'value3'];
const mergedArray = keys.map((key, index) => {
return { [key]: values[index] };
});
console.log(mergedArray);
// 输出:[{key1: "value1"}, {key2: "value2"}, {key3: "value3"}]
```
上述代码中,我们首先定义了两个数组 `keys` 和 `values`,它们分别代表了合并后的 key 和 value 数组。接着,我们使用 `Array.prototype.map()` 方法对 `keys` 数组进行遍历,并在遍历过程中使用当前遍历到的元素作为 key,使用 `values` 数组中对应的元素作为 value,最后使用对象字面量方式创建一个包含 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值。最终返回的结果是一个新的对象数组。
阅读全文