如何在 JavaScript 中存储键值数组
JavaScript 中的数组是存储不同元素的单个变量。我们可以需要它们来存储一个元素列表,每个元素都有一个索引,通过它来访问它们。JavaScript 有不同的方法来存储一个键值数组。
JavaScript 中的 Object
是一个有属性的实体,每个属性都有值,所以键值术语可以在它身上发挥作用。
let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";
console.log(obj1);
输出:
{
age: 30
city: "New York"
country: "USA"
id: 1
job: "software developer"
name: "Mark"
}
我们可以通过它进行循环。
let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";
for (let key in obj1) {
console.log(key + " => " + obj1[key]);
}
输出:
id => 1
name => Mark
age => 30
country => USA
city => New York
job => software developer
如果我们有一个数组,我们可以在数组中逐个循环,将每个元素的索引中的键值和 Object 中对应的值相加。
let arr1 = ["delfstack", "Computer", "Science"];
let obj1 = {};
for(let i = 0; i < arr1.length; i++){
obj1[i] = arr1[i];
}
for (let key of Object.keys(obj1)) {
console.log(key + " => " + obj1[key] )
}
输出:
0 => delfstack
1 => Computer
2 => Science
Map
就像 Object
一样。它是一个带键数据项的列表。不同的是,Map
允许任何类型的键。
let map = new Map();
map.set('name', 'mark');
let arr1 = ["delfstack", "Computer", "Science"];
let map = new Map();
for(let i = 0; i < arr1.length; i++){
map.set(i, arr1[i]);
}
for (let key of map.keys()) {
console.log(key + " => " + map.get(key) )
}
输出:
0 => delfstack
1 => Computer
2 => Science
相关文章
Do you understand JavaScript closures?
发布时间:2025/02/21 浏览次数:108 分类:JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间:2025/02/21 浏览次数:178 分类:JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
如何在 JavaScript 中合并两个数组而不出现重复的情况
发布时间:2024/03/23 浏览次数:86 分类:JavaScript
-
本教程介绍了如何在 JavaScript 中合并两个数组,以及如何删除任何重复的数组。