从键数组和值数组创建对象-前端问题

Create an object from an array of keys and an array of values(从键数组和值数组创建对象)

本文介绍了从键数组和值数组创建对象的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我有两个数组：newParamArr和paramVal。

newParamArr数组中的示例值：[ "Name", "Age", "Email" ]。

paramVal数组中的示例值：[ "Jon", 15, "jon@gmail.com" ]。

我需要创建一个JavaScript对象，将数组中的所有项放在同一个对象中。例如{ [newParamArr[0]]: paramVal[0], [newParamArr[1]]: paramVal[1], ... }。

在这种情况下，结果应为{ Name: "Jon", "Age": 15, "Email": "jon@gmail.com" }。

两个数组的长度始终相同，但数组的长度可以增加或减少。这意味着newParamArr.length === paramVal.length将始终有效。

以下帖子都无法帮助回答我的问题：

Javascript Recursion for creating a JSON object

Recursively looping through an object to build a property list

var keys = ['foo', 'bar', 'baz'];
var values = [11, 22, 33]

var result = {};
keys.forEach((key, i) => result[key] = values[i]);
console.log(result);

或者，您可以使用Object.assign

result = Object.assign(...keys.map((k, i) => ({[k]: values[i]})))

或对象扩散语法(ES2018)：

result = keys.reduce((o, k, i) => ({...o, [k]: values[i]}), {})

或Object.fromEntries(ES2019)：

Object.fromEntries(keys.map((_, i) => [keys[i], values[i]]))

如果您使用的是lowash，则_.zipObject正好适用于此类型的东西。

这篇关于从键数组和值数组创建对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！