📜  javascript init 关联数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:05.462000             🧑  作者: Mango

Javascript init 关联数组

在Javascript中,关联数组也被称为对象,它由键值对组成,键和值之间通过冒号隔开,每对键值对之间通过逗号隔开,并且整个对象被包裹在大括号内。

声明关联数组

声明关联数组有两种方法,第一种方式是使用字面量的方式,如下:

let person = {
  name: 'Tom',
  age: 18,
  gender: 'Male'
};

上面的代码中,我们声明了一个名为"person"的关联数组,里面包含了三个键值对,分别是"name"、"age"和"gender",它们的值分别为"Tom"、18和"Male"。

第二种方式是使用构造函数的方式,如下:

let person = new Object();
person.name = 'Tom';
person.age = 18;
person.gender = 'Male';

上面的代码中,我们首先使用了Object构造函数创建了一个名为"person"的对象,然后分别为它添加了三个属性,它们的键分别是"name"、"age"和"gender",值分别为"Tom"、18和"Male"。

访问关联数组中的元素

访问关联数组中的元素有两种方式,一种是使用"."操作符,如下:

console.log(person.name); // 输出'Tom'

上面的代码中,我们使用"."操作符来访问了关联数组"person"中的"name"属性。

另外一种方式是使用"[]"操作符,如下:

console.log(person['name']); // 输出'Tom'

上面的代码中,我们使用"[]"操作符来访问了关联数组"person"中的"name"属性。

遍历关联数组

我们可以使用for...in循环来遍历关联数组中的所有元素,例子如下:

for (let key in person) {
  console.log(key + ': ' + person[key]);
}

上面的代码中,我们使用了for...in循环来遍历了关联数组"person"中的所有元素,并输出它们的键和值。

删除关联数组中的元素

删除关联数组中的元素有两种方法,第一种方法是使用"delete"关键字,如下:

delete person.age;
console.log(person); // 输出{name: 'Tom', gender: 'Male'}

上面的代码中,我们使用"delete"关键字来删除了关联数组"person"中的"age"属性。

另外一种方式是将属性的值设置为"undefined",如下:

person.age = undefined;
console.log(person); // 输出{name: 'Tom', age: undefined, gender: 'Male'}

上面的代码中,我们将关联数组"person"中的"age"属性的值设置为"undefined"来达到删除的效果。

总结

关联数组是Javascript中非常常用的一种数据结构,它由键值对组成,通过键来访问值。我们可以使用两种方式来声明关联数组,使用"."和"[]"操作符来访问关联数组中的元素,使用for...in循环来遍历关联数组中的所有元素,使用"delete"关键字或将属性值设置为"undefined"来删除关联数组中的元素。