JavaScript对象是八种基本数据类型中的一种。不同于数字、字符串、布尔值等只存储单个值的原始数据类型，对象可以存储多个值，这些值以键值对的形式组织成属性。键通常是字符串或Symbol类型，值可以是任何数据类型。
对象初始化
const myObj = new Object();const myObj = {}; // 更常用
访问对象属性
主要有两种方法：点表示法和方括号表示法。
立即学习“Java免费学习笔记（深入）”；
点表示法
用于访问字面量属性名。点表示法更简洁易读，但仅适用于有效的JavaScript标识符（例如，不能包含空格或特殊字符）。
let user = { name: "john", age: 30 };console.log(user.name); // john
方括号表示法
允许动态访问属性，尤其在以下情况下：
属性名包含空格或特殊字符：例如 myObj["我的电脑"]使用变量或表达式访问属性值：
let user = { name: "john", age: 30 };let key = prompt("你想了解用户的什么信息？", "name");alert(user[key]); // 如果输入 "name"，则输出 john
动态创建属性
方括号表示法也可以用于动态创建属性：
let fruit = prompt("你想买什么水果？", "apple");let bag = { [fruit]: 5 // 属性名来自变量 fruit};alert(bag.apple); // 如果 fruit="apple"，则输出 5
这等效于：
let fruit = prompt("你想买什么水果？", "apple");let bag = {};bag[fruit] = 5;
原始值与对象
原始值和对象的主要区别在于存储和复制方式：
原始值
按值存储。赋值或传递参数时，会复制值本身。
let message = "hello";let greeting = message;message = message + " world!";console.log(message); // hello world!console.log(greeting); // hello
对象
按引用存储。复制时，复制的是对象的引用，而不是对象本身。两个变量都指向内存中的同一个对象。
let user = { name: 'john' };let admin = user;admin.name = 'pete'; // 通过 "admin" 引用修改alert(user.name); // 'pete'，"user" 引用也看到了变化
克隆对象
可以使用循环逐个复制属性，但更有效的方法是 Object.assign()：
Object.assign(dest, ...sources)
dest：目标对象，用于复制属性。sources：要复制属性的对象。
let user = { name: "john", age: 30 };let clone = Object.assign({}, user);alert(clone.name); // johnalert(clone.age); // 30
深克隆
当对象包含其他对象时，需要进行深克隆（结构化克隆），确保创建完全独立的副本。JavaScript 提供了 structuredClone() 方法：
let user = { name: "john", sizes: { height: 182, width: 50 }};let clone = structuredClone(user);alert(user.sizes === clone.sizes); // false，不同的对象user.sizes.width = 60; // 修改一个属性alert(clone.sizes.width); // 50，两者互不影响
检查属性是否存在
使用 in 运算符：
let user = { name: "John", age: 30 };alert("age" in user); // true，user.age 存在alert("blabla" in user); // false，user.blabla 不存在
JavaScript 对象还有许多其他方面值得探索，例如原型和类。 掌握基础知识是进一步学习的关键。
以上就是理解JavaScript中的对象的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1501236.html
微信扫一扫 
支付宝扫一扫 
