JavaScript对象是什么？属性怎么操作？

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《JavaScript对象是什么？如何操作属性？》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

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

JavaScript 对象就是键值对的集合

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

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

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

• ✅ obj.name、obj.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 属性，也不包括数组索引（除非手动添加为对象属性）。

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

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

以上就是《JavaScript对象是什么？属性怎么操作？》的详细内容，更多关于的资料请关注golang学习网公众号！