JavaScript设置获取和设置属性的方法

JavaScript中的对象都有属性，这些属性通常指的是对象的特性。获取和设置属性是JavaScript中最基础的操作之一，它是我们在实际开发中经常会用到的操作。

获取属性的值

JavaScript中有很多方式可以获取属性的值，例如使用.操作符或[]操作符来获取属性的值。使用.操作符获取属性的值，语法如下：

对象.属性名

例如：

var person = {name: 'Alice', age: 20};
console.log(person.name); // 'Alice'

使用[]操作符也可以获取属性的值，语法如下：

对象['属性名']

例如：

var person = {name: 'Alice', age: 20};
console.log(person['name']); // 'Alice'

对于某些属性名包含特殊字符或关键字时，只能使用[]操作符来获取属性的值，例如：

var person = {'first-name': 'Alice', 'last-name': 'Doe'};
console.log(person['first-name']); // 'Alice'

设置属性的值

设置属性的值也很简单，同样可以使用.操作符或[]操作符来设置属性的值。使用.操作符设置属性的值，语法如下：

对象.属性名 = 属性值

例如：

var person = {name: 'Alice', age: 20};
person.age = 21;
console.log(person.age); // 21

使用[]操作符也可以设置属性的值，语法如下：

对象['属性名'] = 属性值

例如：

var person = {name: 'Alice', age: 20};
person['age'] = 21;
console.log(person.age); // 21

此外，还可以通过定义新属性来设置属性的值，语法如下：

对象.新属性名 = 属性值

例如：

var person = {name: 'Alice', age: 20};
person.gender = 'female';
console.log(person.gender); // 'female'

示例说明

下面通过两个示例说明如何获取和设置属性的值。

示例一：获取和设置对象属性

在以下示例中，我们定义了一个person对象，包含name和age两个属性。通过.操作符和[]操作符获取和设置属性的值。

var person = {name: 'Alice', age: 20};

// 使用`.`操作符获取属性的值
console.log(person.name); // 'Alice'

// 使用`[]`操作符获取属性的值
console.log(person['name']); // 'Alice'

// 使用`.`操作符设置属性的值
person.age = 21;
console.log(person.age); // 21

// 使用`[]`操作符设置属性的值
person['age'] = 22;
console.log(person.age); // 22

示例二：定义新属性

在以下示例中，我们定义了一个person对象，包含name和age两个属性。通过.操作符定义了一个新的gender属性，并通过.`操作符获取属性的值。

var person = {name: 'Alice', age: 20};

// 定义新属性
person.gender = 'female';

// 使用`.`操作符获取属性的值
console.log(person.gender); // 'female'

以上就是JavaScript设置获取和设置属性的方法的完整攻略。