JavaScript对象常用字面量创建,访问属性时点号适用于合法标识符,方括号支持动态名、空格及特殊字符;访问不存在属性返回undefined,嵌套需用可选链防错。

JavaScript对象可以用多种方式创建,访问属性也有点号和方括号两种常用写法,关键看属性名是否合法、是否动态。
最常用的是对象字面量,简洁直观:
const obj = { name: "Alice", age: 25 };
const obj = new Object(); obj.name = "Alice";
const obj = Object.create({ greet() { return "Hi"; } });
class Person { constructor(name) { this.name = name; } }
适用于属性名是合法标识符(字母、数字、下划线、美元符开头,不以数字开头,不含空格或特殊符号):
obj.name → 返回 "Alice"
obj.age → 返回 25
obj.first name 或 obj.2ndItem,会报语法错误更灵活,支持动态属性名、含空格/特殊字符/变量的属性:
obj["name"] 等价于 obj.name
obj["first name"] → 正确访问带空格的属性obj[2] → 访问类似数组索引的属性(对象属性名总是字符串,2 会被自动转为 "2")const key = "age"; obj[key] → 动态读取,适合循环或配置驱动场景访问不存在的属性不会报错,而是返回 undefined:
obj.height → undefined(不是错误)obj.user?.name(可选链)或先判断 obj.user && obj.user.name
obj[1] 和 obj["1"] 是一回事基本上就这些。创建看需求,访问看命名和灵活性——静态用点号,动态或特殊名用方括号。
以上就是JavaScript对象如何创建_如何访问其属性?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号