前端学习日记-----JS内部访问对象内部属性方法

在JavaScript中,我们可以通过使用方括号表示法来访问对象的属性值。

这种方式的优点是:

1. 可以使用动态的属性名来访问对象属性。例如:

const obj = {
  name: 'John',
  age: 30
};

const propName = 'age';
console.log(obj[propName]); // 输出 30

1. 可以访问包含特殊字符的属性名。例如:

const obj = {
  'first-name': 'John',
  'last-name': 'Doe'
};

console.log(obj['first-name']); // 输出 'John'
console.log(obj['last-name']); // 输出 'Doe'

同时也得注意【】里的属性名与对象中定义的属性名一致 一些要加‘’ 一些不用

具体给对象中的属性名的命名规则如下：

1. 如果属性名是字符串形式,且包含特殊字符或不符合JavaScript标识符命名规则,则必须加上引号。例如: {'first-name': 'John'}

2. 如果属性名是纯数字,或者是由数字组成的字符串,则可以不加引号。例如: {1: 'one', '2': 'two'}

3. 如果属性名是符合JavaScript标识符命名规则的字符串,也可以不加引号。例如: {firstName: 'John', lastName: 'Doe'}

总之,加不加引号取决于属性名的具体形式,遵循上述原则即可。这样可以确保对象属性能够被正确访问和解析。