0

0

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

狼影

狼影

发布时间:2026-01-09 17:40:02

|

304人浏览过

|

来源于php中文网

原创

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"]

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

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

超能文献
超能文献

超能文献是一款革命性的AI驱动医学文献搜索引擎。

下载
const user = { profile: { age: 25 } };
user.profile.age = 26; // ✅ 修改嵌套对象属性,原对象被改变
user.profile = { age: 27 }; // ✅ 替换整个 profile 属性
<p>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 规范不保证属性遍历顺序(尽管现代引擎对字符串键基本按插入顺序),数值索引和非数值键混合时尤其混乱。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

313

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

223

2025.10.31

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

118

2026.02.12

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

202

2025.12.04

mysql标识符无效错误怎么解决
mysql标识符无效错误怎么解决

mysql标识符无效错误的解决办法:1、检查标识符是否被其他表或数据库使用;2、检查标识符是否包含特殊字符;3、使用引号包裹标识符;4、使用反引号包裹标识符;5、检查MySQL的配置文件等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

204

2023.12.04

Python标识符有哪些
Python标识符有哪些

Python标识符有变量标识符、函数标识符、类标识符、模块标识符、下划线开头的标识符、双下划线开头、双下划线结尾的标识符、整型标识符、浮点型标识符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

313

2024.02.23

java标识符合集
java标识符合集

本专题整合了java标识符相关内容,想了解更多详细内容,请阅读下面的文章。

290

2025.06.11

c++标识符介绍
c++标识符介绍

本专题整合了c++标识符相关内容,阅读专题下面的文章了解更多详细内容。

172

2025.08.07

Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

48

2026.02.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.7万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号