如何使用 JavaScript 从给定的键值对创建对象？

在本文中，我们将学习使用 JavaScript 从给定的键值对创建对象。

问题陈述：给你不同的键值对，以任何形式，如数组，使用这些键值对，你需要构造一个具有这些键值对的对象。

Object{} => Object {
                         "0" : "Geeksforgeeks",
                         "1" : "Hello JavaScript",
                         "2" : "Hello React"
                   }

方法：我们首先需要声明一个空对象，使用任何合适的名称，然后通过各种 JavaScript 技术和方法，我们需要将给定的键值对插入到之前创建的空对象中。

让我们首先尝试了解如何在 JavaScript 中创建一个空对象。在 JavaScript 中创建一个空对象可以通过多种方式实现。

示例 1：

let object = {};
console.log(object);
Output:
{}

示例 2：

let object = new Object();
console.log(object);
Output:
{}

现在，在创建对象之后，我们将分析可以在先前创建的空对象中添加给定键值对的方法。

以下是实现上述目标的一些方法。

示例 1：这是最简单的原生方法。在这种方法中，我们将直接将键值对附加到先前创建的空对象中。

Javascript

  
  let object = {};
  let firstKey = 0;
  let firstKeyValue = "GeeksforGeeks";
  let secondKey = 1;
  let secondKeyValue = "Hello JavaScript";
  let thirdKey = 2;
  let thirdKeyValue = "Hello React";
  
  object[firstKey] = firstKeyValue;
  object[secondKey] = secondKeyValue;
  object[thirdKey] = thirdKeyValue;
  console.log(object);

输出：

{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }

示例 2：在第二种方法中，我们将使用 Object.assign()方法，它是 Object 超类的一部分。此方法将复制所有值并将这些值作为键值对附加到对象中。

Javascript

 
  let object = {};
  let firstKey = 0;
  let firstKeyValue = "GeeksforGeeks";
  let secondKey = 1;
  let secondKeyValue = "Hello JavaScript";
  let thirdKey = 2;
  let thirdKeyValue = "Hello React";
  
  Object.assign(object, { [firstKey]: firstKeyValue });
  Object.assign(object, { [secondKey]: secondKeyValue });
  Object.assign(object, { [thirdKey]: thirdKeyValue });
  
  console.log(object);

输出：

{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }

示例 3：在这第三种方法中，我们将考虑我们的键及其对应的值存在于一个数组中。我们将首先在数组上运行一个for循环，然后我们将动态地将数组中的数据作为键值对附加到一个空对象中。

Javascript

  
  let object={};
  let keys = [0, 1, 2];
  let values = ["GeeksforGeeks", 
    "Hello JavaScript", "Hello React"];
  for (let i = 0; i < keys.length; i++) {
    object[keys[i]] = values[i];
  }
  console.log(object);

输出：

{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }