我们给出了两个包含键和值的数组, 任务是将其存储为以下形式的单个实体键=>
JavaScript中的值。在JavaScript中, 数组是用于存储不同元素的单个变量。通常在需要存储零件列表并通过一个变量访问它们时使用。我们可以使用下面讨论的方法将key =>
value数组存储在JavaScript Object中:
方法1:在这种方法中, 我们将使用Object在JavaScript中存储键=>
值。 JavaScript中的对象是最重要的数据类型, 并构成现代JavaScript的构建块。这些对象与JavaScript的原始数据类型(数字, 字符串, 布尔值, 空值, 未定义和符号)有很大不同。对象更加复杂, 每个对象可以包含这些原始数据类型以及参考数据类型的任何组合。
方法:我们将遍历整个数组, 并逐一添加对象中键(数组)中的键和值(数组)中的对应值。
语法如下:
for(var i = 0;
i <
keys.length;
i++){// obj = Object// keys = key array// values = value arrayobj[keys[i]] = values[i];
}
例子:
<
script>
// An array of keys
var keys = [1, 2, 3];
// An array of values
var values = [ "lsbin" , "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>
" )
}<
/script>
输出如下:
1 =>
lsbin2 =>
Computer3 =>
Science
方法2:在这种方法中, 我们将使用地图在JavaScript中存储键=> 值。该映射是元素的集合, 其中每个元素都存储为键, 值对。 Map对象既可以将对象又可以将原始值作为键或值保存。当我们遍历map对象时, 它以与插入顺序相同的顺序返回键, 值对。
方法:我们将遍历整个数组, 然后在映射中一个一个地添加键(数组)中的键以及值(数组)中的对应值。
语法如下:
for(var i = 0;
i <
keys.length;
i++){// mp = Map// keys = key array// values = value arraymap.set(keys[i], values[i];
}
【如何在JavaScript中存储key value数组((键值对))】例子:
<
script>
// 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>
" )
}<
/script>
输出如下:
5 =>
Geeks2 =>
for3 =>
Geeks6 =>
Course10 =>
Algorithm
推荐阅读
- jQuery #id选择器用法指南
- vue.js框架快速入门简明教程(七)(自定义指令)
- JavaScript的函数参数和arguments是什么()
- 详解JavaScript基本数据类型和引用类型的区别、值传递和引用传递
- vue.js框架快速入门简明教程(六)(组件)
- JavaScript基础快速入门教程(八)(包装数据类型、日期对象、Math对象和全局对象)
- JavaScript基础快速入门教程(七)(数组创建、遍历数组、数据结构和算法和实例)
- JavaScript基础快速入门教程(六)(对象详解和编程实例)
- vue.js框架快速入门简明教程(五)(表单)