javascript对象如何创建_怎样访问和修改对象的属性？_网络技术

javascript对象如何创建_怎样访问和修改对象的属性？

发布时间 - 2025-12-30 00:00:00 点击率：次

JavaScript 对象通过键值对存储数据，创建后可直接用点号或方括号访问和修改属性。

创建对象的常用方式

最常用的是对象字面量语法，简洁直观：

let person = { name: "张三", age: 25, city: "北京" };

也可用 new Object() 或构造函数（如 Object.create(null)），但日常开发中字面量最主流。ES6 还支持计算属性名和展开运算符：

let key = "score"; let obj = { [key]: 95 }; → { score: 95 }
let a = { x: 1 }; let b = { ...a, y: 2 }; → { x: 1, y: 2 }

访问对象属性的两种写法

点号（.）适合已知且合法的标识符属性名；方括号（[]）更灵活，支持变量、表达式或含特殊字符的键名：

person.name // "张三"
person["age"] // 25
let field = "city"; person[field] // "北京"
person["full-name"] // 若属性含短横线，只能用方括号

注意：访问不存在的属性返回 undefined，不会报错。

修改和添加属性的方法

点号和方括号都可用于赋值，效果一致；新增属性与修改现有属性写法相同：

person.age = 26; → 修改已有属性
person.job = "前端工程师"; → 添加新属性
person["isStudent"] = false; → 同样可添加或修改

删除属性用 delete 操作符：delete person.city;，之后访问返回 undefined。

检查属性是否存在

避免误判 undefined 值，推荐用 in 操作符或 hasOwnProperty：

console.log("name" in person); // true
console.log(person.hasOwnProperty("age")); // true
console.log("toString" in person); // true（继承自原型）
console.log(person.hasOwnProperty("toString")); // false

前者查整个原型链，后者只查对象自身属性。

# javascript # es6 # java # 前端 # 键值对

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Ubuntu samba下配置共享文件夹的方法

下一篇：在信息服务管理器中如何添加自定义域名到我的网站？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Ubuntu samba下配置共享文件夹的方法

下一篇：在信息服务管理器中如何添加自定义域名到我的网站？