在前端开发中，我们经常需要通过对象的属性来获取或设置相应的数据。通常，我们可以使用点号表示法或方括号表示法来访问对象的属性。但是，在某些情况下，我们可能需要访问非数值对象属性（例如，属性名为字符串或 Symbol 的属性）。这时候，我们可以使用方括号表示法并传递属性名称作为参数来访问这些属性。
方括号表示法
方括号表示法是 JavaScript 中一种访问对象属性的方式。它通过在方括号内指定属性的名称来访问属性。属性名称可以是任何字符串或 Symbol 类型的值。
以下是一个使用方括号表示法访问对象属性的示例：
const obj = { name: 'John', age: 30 };
const propertyName = 'name';
const propertyValue = obj[propertyName];
console.log(propertyValue); // 输出 "John"在这个示例中，我们定义了一个名为 obj 的对象，并将其 name 属性赋值为 'John'。我们还定义了一个变量 propertyName，并将其赋值为 'name'。然后，我们使用方括号表示法访问 obj 对象的 name 属性，并将其值存储在变量 propertyValue 中。最后，我们使用 console.log() 函数输出变量 propertyValue 的值，这将输出字符串 "John"。
我们也可以使用方括号表示法来设置对象属性：
const obj = { name: 'John', age: 30 };
const propertyName = 'name';
obj[propertyName] = 'Mike';
console.log(obj); // 输出 { name: 'Mike', age: 30 }在这个示例中，我们首先将 obj 对象的 name 属性赋值为 'John'。然后，我们定义了一个变量 propertyName，并将其赋值为 'name'。接下来，我们使用方括号表示法将 obj 对象的 name 属性重新赋值为 'Mike'。最后，我们使用 console.log() 函数输出 obj 对象的属性值，这将输出对象 { name: 'Mike', age: 30 }。
访问 Symbol 类型的对象属性
除了字符串类型的属性名，JavaScript 还支持 Symbol 类型的属性名。Symbol 是 JavaScript 中一种新的原始数据类型，用于创建唯一的标识符。当我们需要创建一个不可变、唯一的属性名时，通常会使用 Symbol 类型的键。
以下是一个使用 Symbol 类型的属性名访问对象属性的示例：
const obj = {};
const symbolKey = Symbol('mySymbol');
obj[symbolKey] = 'Hello World!';
console.log(obj[symbolKey]); // 输出 "Hello World!"在这个示例中，我们首先创建了一个空对象 obj。然后，我们使用 Symbol() 函数创建了一个新的 Symbol 类型的键，它的描述为 'mySymbol'。接下来，我们使用方括号表示法将 obj 对象的 symbolKey 属性设置为字符串 'Hello World!'。最后，我们再次使用方括号表示法访问该属性，并将其值输出到控制台上。
小结
对象是 JavaScript 中最常用的数据类型之一，我们通常通过点号表示法或方括号表示法来访问对象的属性。当需要访问非数值对象属性时，我们可以使用方括号表示法并传递属性名称作为参数来访问这些属性。在访问 Symbol 类型的对象属性时，我们也可以使用方括号表示法并传递 Symbol 类型的键来访问属性。
希望这篇文章能够帮助你更好地理解如何通过索引访问非数值对象属性，以及如何在实际开发中应用这些知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15113