讲师中心 微信公众号
AI工具推荐 视频效率加速

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

大涛姑娘_6004

大涛姑娘_6004

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

|

324人浏览过

|

来源于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"]

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

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

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载
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 规范不保证属性遍历顺序(尽管现代引擎对字符串键基本按插入顺序),数值索引和非数值键混合时尤其混乱。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

相关专题

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

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

2331

2023.10.31

php数据类型
php数据类型

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

494

2025.10.31

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

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

402

2026.02.12

php中foreach用法
php中foreach用法

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

678

2025.12.04

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

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

10780

2023.12.04

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

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

923

2024.02.23

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

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

6570

2025.06.11

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

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

2602

2025.08.07

Vibeknow在线使用入口合集
Vibeknow在线使用入口合集

本专题汇总了Vibeknow在线创作视频的官方入口及网页版使用教程,涵盖PPT、PDF、Word等文档一键转讲解视频的核心操作,并整理了免费版水印规则与手机端浏览器访问指南,助你快速将知识内容视频化。

0

2026.09.21

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn