JavaScript对象是无序键值对集合,键为字符串或Symbol,值可为任意类型;常用字面量创建,支持点号和方括号访问,可动态增删改属性,需注意undefined访问错误及使用in、hasOwnProperty或可选链检测属性存在性。

JavaScript对象是一种无序的键值对集合,结构上类似字典或哈希表:每个“键”(属性名)是字符串(或Symbol),对应一个“值”,值可以是任意类型——数字、字符串、函数、数组,甚至其他对象。
对象的基本结构和创建方式
最常用的是字面量写法:
const person = {
name: "张三",
age: 28,
isActive: true,
hobbies: ["读书", "游泳"],
greet: function() { return "你好!"; }
};
键名如果是合法标识符,可省略引号;含空格、短横线或以数字开头时,必须加引号(如 "full-name" 或 "1st-place")。Symbol 作键需用方括号语法。
访问对象属性的两种方式
点号访问(.):简洁,适用于已知且符合标识符规则的属性名
立即学习“Java免费学习笔记(深入)”;
-
person.name→ "张三" -
person.greet()→ "你好!"
方括号访问([]):灵活,支持动态属性名、特殊字符键、变量作为键名
-
person["age"]→ 28 -
const key = "hobbies"; person[key]→ ["读书", "游泳"] -
person["full-name"]→ 需引号定义的属性才可这样读
修改和添加属性的方法
对象是可变的,属性可随时增、删、改:
- 赋值即修改或新增:
person.age = 29;或person.city = "杭州"; - 方括号同样适用:
person["email"] = "zhang@example.com"; - 删除属性用
delete person.isActive;(慎用,会影响性能和可枚举性)
注意:若属性不存在,点号或方括号访问返回 undefined,不会报错;但对 undefined 进一步取属性会触发 TypeError(如 person.job.title 中 job 为 undefined)。
检查属性是否存在
避免运行时错误,常用以下方式判断:
-
"name" in person→true(检测自身+原型链) -
person.hasOwnProperty("age")→true(仅自身属性) -
person.name !== undefined或更安全的person?.name(可选链,ES2020)
可选链 ?. 是处理嵌套属性的推荐方式,比如 user.address?.street 在 address 为 null 或 undefined 时直接返回 undefined,不报错。
基本上就这些。对象结构简单,但访问和修改的细节影响代码健壮性——尤其注意动态键、缺失属性和原型干扰。











