设置、获取和删除数据属性 Vanilla JavaScript

数据属性是 JavaScript 对象中的一种类型，用于表示该对象的值。在本篇文章中，我们将了解如何使用 Vanilla JavaScript 设置、获取和删除数据属性。

设置数据属性

要设置 JavaScript 对象中的数据属性，我们可以使用以下语法：

objectName.propertyName = propertyValue;

其中，objectName 是要设置属性的对象名称，propertyName 是要设置的属性名称，propertyValue 是要设置的属性值。

示例：

var person = {};

person.name = 'John';
person.age = 30;

console.log(person.name); // Output: 'John'
console.log(person.age); // Output: 30

在上面的示例中，我们创建了一个空对象 person，并设置了 name 和 age 属性的值。

获取数据属性

要获取 JavaScript 对象中的数据属性，我们可以使用以下语法：

objectName.propertyName;

其中，objectName 是要获取属性的对象名称，propertyName 是要获取的属性名称。

示例：

var person = { name: 'John', age: 30 };

console.log(person.name); // Output: 'John'
console.log(person.age); // Output: 30

在上面的示例中，我们创建了一个带有 name 和 age 属性的对象 person，并使用 . 运算符分别获取了两个属性的值。

删除数据属性

要删除 JavaScript 对象中的数据属性，我们可以使用以下语法：

delete objectName.propertyName;

其中，objectName 是要删除属性的对象名称，propertyName 是要删除的属性名称。

示例：

var person = { name: 'John', age: 30 };

delete person.age;

console.log(person.name); // Output: 'John'
console.log(person.age); // Output: undefined

在上面的示例中，我们创建了一个带有 name 和 age 属性的对象 person，并使用 delete 关键字删除了 age 属性。

结论

本篇文章介绍了如何使用 Vanilla JavaScript 设置、获取和删除数据属性。了解了这些技术后，你可以更好地理解和操作 JavaScript 对象，从而编写出更加强大和优秀的 JavaScript 程序。