JavaScript对象本质是键值对集合，最常用字面量创建（如let person = {name: "张三", age: 25}）；访问属性可用点语法（person.name）或方括号语法（person["city"]），后者支持动态键名；修改添加属性直接赋值，删除用delete操作符。

JavaScript 对象可以通过多种方式创建，访问和修改属性也很灵活，关键在于理解对象的本质——它是一组键值对的集合。

常见创建对象的方式

最常用的是对象字面量，简单直观：

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

也可以用 new Object() 构造函数（较少用）：

let person = new Object();
person.name = "张三";
person.age = 25;

还有工厂函数、构造函数、class 类（ES6+）等方式，日常开发中字面量和 class 最常用。

访问对象属性的两种写法

点语法适合属性名是合法标识符且已知的情况：

• person.name → "张三"
• person.age → 25

方括号语法更灵活，支持动态属性名、含特殊字符或变量作为键：

• person["city"] → "北京"
• let key = "age"; person[key] → 25
• person["full-name"] → 需要用方括号（点语法不支持短横线）

修改和添加属性很简单

无论属性原来是否存在，赋值即更新或新增：

• person.age = 26; // 修改已有属性
• person.job = "前端工程师"; // 新增属性
• person["isStudent"] = false; // 同样适用方括号

删除属性用 delete 操作符：

delete person.city; // 删除后 person.city 为 undefined

注意几个实用细节

• 访问不存在的属性返回 undefined，不会报错
• 点语法不能用变量，方括号可以；但方括号里如果是字符串字面量，效果和点语法一样
• 属性名如果是数字，会被自动转成字符串（obj[123] 等价于 obj["123"]）
• 对象引用传递：多个变量指向同一对象时，修改任一变量的属性，其他变量可见变化

基本上就这些。掌握字面量创建、点和方括号访问、直接赋值修改，就能应付大多数场景了。

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

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

相关推荐： JavaScript如何实现类型判断_typeof和instanceof有什么区别  微信小程序 五星评分(包括半颗星评分)实例代码  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  如何在宝塔面板创建新站点？  焦点电影公司作品,电影焦点结局是什么？  如何在新浪SAE免费搭建个人博客？  实例解析Array和String方法  如何构建满足综合性能需求的优质建站方案？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  零服务器AI建站解决方案：快速部署与云端平台低成本实践  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  Laravel安装步骤详细教程_Laravel环境搭建指南  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  高端网站建设与定制开发一站式解决方案 中企动力  使用spring连接及操作mongodb3.0实例  公司网站制作价格怎么算,公司办个官网需要多少钱？  Laravel如何实现一对一模型关联？（Eloquent示例）  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  Laravel如何与Pusher实现实时通信？（WebSocket示例）  Python文本处理实践_日志清洗解析【指导】  Laravel如何与Docker（Sail）协同开发？（环境搭建教程）  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  如何在景安云服务器上绑定域名并配置虚拟主机？  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  如何快速生成专业多端适配建站电话？  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  如何用景安虚拟主机手机版绑定域名建站？  C语言设计一个闪闪的圣诞树  北京的网站制作公司有哪些,哪个视频网站最好？  如何用wdcp快速搭建高效网站？  HTML 中如何正确使用模板变量为元素的 name 属性赋值  Java Adapter 适配器模式（类适配器，对象适配器）优缺点对比  如何在阿里云虚拟主机上快速搭建个人网站？  如何在Ubuntu系统下快速搭建WordPress个人网站？  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  Python数据仓库与ETL构建实战_Airflow调度流程详解  如何在建站之星网店版论坛获取技术支持？  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  如何在VPS电脑上快速搭建网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何在Windows服务器上快速搭建网站？  详解jQuery中基本的动画方法  如何快速生成可下载的建站源码工具？  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  PythonWeb开发入门教程_Flask快速构建Web应用  网站制作软件免费下载安装,有哪些免费下载的软件网站？  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】