如何在 JavaScript 中存储 key=> value 数组？

如何在 JavaScript 中存储 key=> value 数组？

我们给出了两个包含键和值的数组，任务是将其存储为 JavaScript 中键 =>值形式的单个实体。在 JavaScript 中，数组是用于存储不同元素的单个变量。它通常在我们需要存储零件列表并通过一个变量访问它们时使用。我们可以使用下面讨论的方法将 key => value 数组存储在 JavaScript 对象中：

方法一：在这个方法中，我们将使用 Object 在 JavaScript 中存储 key => value。在 JavaScript 中，对象是最重要的数据类型，它构成了现代 JavaScript 的构建块。这些对象与 JavaScript 的原始数据类型（数字、字符串、布尔值、null、未定义和符号）完全不同。对象更复杂，每个对象可能包含这些原始数据类型以及引用数据类型的任意组合。

方法：我们将遍历整个数组，将Object中的keys（array）中的keys和values（array）中的对应值一一添加。

句法：

for(var i = 0; i < keys.length; i++){
        // obj = Object
        // keys = key array
        // values = value array
        obj[keys[i]] = values[i];
}

例子：

 
    // An array of keys
    var keys = [1, 2, 3];
      
    // An array of values
    var values = ["GeeksforGeeks", "Computer", "Science"];
      
    // Object created
    var obj = {};
      
    // Using loop to insert key
    // value in Object
    for(var i = 0; i < keys.length; i++){
        obj[keys[i]] = values[i];
    }
      
    // Printing object
    for (var key of Object.keys(obj)) {
        document.write(key + " => " + obj[key] + "</br>")
    }
  
               

输出：

1 => GeeksforGeeks
2 => Computer
3 => Science

方法二：在这个方法中，我们将使用 Map 在 JavaScript 中存储 key => value。映射是元素的集合，其中每个元素都存储为键值对。 Map 对象可以同时保存对象和原始值作为键或值。当我们遍历映射对象时，它会以与插入相同的顺序返回键、值对。

方法：我们将遍历整个数组，将key（数组）中的key和values（数组）中的对应值一一添加到map中。

句法：

for(var i = 0; i < keys.length; i++){
        // mp = Map
        // keys = key array
        // values = value array
        map.set(keys[i], values[i];
}

例子：

 
    // An array of keys
    var keys = [5, 2, 3, 6, 10];
      
    // An array of values
    var values = ["Geeks", "for", "Geeks", "Course", "Algorithm"];
      
    // Map created
    var map = new Map();
      
    // Using loop to insert key
    // value in map
    for(var i = 0; i < keys.length; i++){
        map.set(keys[i], values[i]);
    }
      
    // Printing
    for (var key of map.keys()) {
        document.write(key + " => " + map.get(key) + "</br>")
    }
  
                    

输出：

5 => Geeks
2 => for
3 => Geeks
6 => Course
10 => Algorithm

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。