javascript对象是什么_如何访问和修改属性?

13次阅读

javaScript对象键值对集合,用{}、Object()或类创建;属性键为字符串symbol,值任意类型;点号访问合法标识符键,方括号支持动态键名;修改引用类型属性会影响原对象;delete删除属性需谨慎;in查含原型链属性,hasOwnProperty仅查自身;for…in不保证遍历顺序。

javascript对象是什么_如何访问和修改属性?

javascript 对象就是键值对的集合

它不是某种特殊数据类型,而是用 {} 字面量、Object() 构造函数或类实例创建的一组可命名、可读写的属性容器。每个属性由一个字符串(或 Symbol)键和任意类型的值组成,比如数字、字符串、函数,甚至另一个对象。

用点号和方括号访问属性,但行为不同

点号 . 只能访问**合法标识符命名**的属性,且必须在编写时就确定名称;方括号 [] 支持动态计算的键名,包括含空格、短横线、数字开头的字符串,以及变量或表达式结果。

  • obj.nameobj.firstName —— 正常使用
  • obj["first-name"]obj["123abc"]obj[variable] —— 方括号才支持
  • obj.first-name 会报错:被解析为 obj.first - name,即减法运算
  • ⚠️ obj[123] 会被自动转成字符串 "123",等价于 obj["123"]

修改属性值很简单,但要注意引用与赋值的区别

直接给属性赋新值即可,但若值是对象、数组等引用类型,改的是内存地址指向的内容,不是拷贝副本。

const user = { profile: { age: 25 } }; user.profile.age = 26; // ✅ 修改嵌套对象属性,原对象被改变 user.profile = { age: 27 }; // ✅ 替换整个 profile 属性 

const arr = [1, 2]; user.list = arr; user.list.push(3); // ✅ arr 也被影响,因为 user.list 和 arr 指向同一数组

  • 删除属性用 delete obj.key,但慎用——性能较差,且不能删除用 var 声明的全局属性
  • 新增属性和修改一样:直接赋值,如 obj.newField = "ok"
  • in 操作符判断属性是否存在(含原型链),hasOwnProperty() 只查自身

for…in 遍历对象属性容易漏掉 Symbol 键和不可枚举属性

for...in 只遍历**可枚举的自有属性 + 原型链上的可枚举属性**,不包括 Symbol 键、Object.defineProperty 设置的 enumerable: false 属性,也不包括数组索引(除非手动添加为对象属性)。

立即学习Java免费学习笔记(深入)”;

  • 要完整获取所有自有属性键(含 Symbol):用 Object.getOwnPropertyNames(obj) + Object.getOwnPropertySymbols(obj)
  • 只取可枚举自有属性:用 Object.keys(obj)
  • 想安全遍历并操作属性,优先用 Object.entries(obj)Object.keys(obj).foreach(...)

真正写业务逻辑时,别依赖 for...in 的顺序——ecmascript 规范不保证属性遍历顺序(尽管现代引擎对字符串键基本按插入顺序),数值索引和非数值键混合时尤其混乱。

text=ZqhQzanResources