js 中可使用什么访问对象的属性和方法

在JavaScript中，有多种方式可以访问对象的属性和方法，下面将详细介绍几种常见的方法。

点表示法

点表示法是最常用的访问对象属性和方法的方式。通过对象名后跟一个点，再加上属性名或方法名即可。例如：

let person = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello!');
  }
};
console.log(person.name); // 输出 'John'
person.sayHello(); // 输出 'Hello!'

这种方式简单直观，适用于属性名是合法的标识符的情况。

方括号表示法

方括号表示法使用对象名后跟方括号，方括号内包含属性名或方法名的字符串。例如：

let person = {
  'first-name': 'John',
  age: 30
};
console.log(person['first-name']); // 输出 'John'

方括号表示法的优点是可以使用包含特殊字符或空格的属性名，并且属性名可以是变量。

解构赋值

解构赋值是一种从对象中提取属性值的简洁方式。例如：

let person = {
  name: 'John',
  age: 30
};
let { name, age } = person;
console.log(name); // 输出 'John'
console.log(age); // 输出 30

这种方式可以快速获取对象中的多个属性值，提高代码的可读性和简洁性。

遍历对象属性

可以使用for...in循环遍历对象的所有可枚举属性。例如：

let person = {
  name: 'John',
  age: 30
};
for (let prop in person) {
  console.log(prop + ': ' + person[prop]);
}

通过以上几种方式，我们可以灵活地访问JavaScript对象的属性和方法，根据具体的需求选择合适的方式来操作对象。在实际开发中，熟练掌握这些方法能够提高代码的效率和可维护性。