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

JavaScript对象如何创建_如何访问其属性?

秋磊小哥_4845

秋磊小哥_4845

发布时间:2025-12-18 13:37:53

|

895人浏览过

|

来源于php中文网

原创

JavaScript对象常用字面量创建,访问属性时点号适用于合法标识符,方括号支持动态名、空格及特殊字符;访问不存在属性返回undefined,嵌套需用可选链防错。

javascript对象如何创建_如何访问其属性?

JavaScript对象可以用多种方式创建,访问属性也有点号和方括号两种常用写法,关键看属性名是否合法、是否动态。

创建对象的常见方式

最常用的是对象字面量,简洁直观:

  • 字面量方式:const obj = { name: "Alice", age: 25 };
  • 构造函数方式:const obj = new Object(); obj.name = "Alice";
  • Object.create():适合需要指定原型的对象,如 const obj = Object.create({ greet() { return "Hi"; } });
  • 类(class)方式:本质是语法糖,适用于有明确结构和方法的场景:class Person { constructor(name) { this.name = name; } }

用点号访问属性(.)

适用于属性名是合法标识符(字母、数字、下划线、美元符开头,不以数字开头,不含空格或特殊符号):

  • obj.name → 返回 "Alice"
  • obj.age → 返回 25
  • 不能用于 obj.first name 或 obj.2ndItem,会报语法错误

用方括号访问属性([])

更灵活,支持动态属性名、含空格/特殊字符/变量的属性:

Java Api Extractor
Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载

立即学习“Java免费学习笔记(深入)”;

  • obj["name"] 等价于 obj.name
  • obj["first name"] → 正确访问带空格的属性
  • obj[2] → 访问类似数组索引的属性(对象属性名总是字符串,2 会被自动转为 "2")
  • const key = "age"; obj[key] → 动态读取,适合循环或配置驱动场景

注意属性访问的边界情况

访问不存在的属性不会报错,而是返回 undefined:

  • obj.height → undefined(不是错误)
  • 嵌套访问需防报错,比如 obj.user?.name(可选链)或先判断 obj.user && obj.user.name
  • 属性名是字符串,所以 obj[1] 和 obj["1"] 是一回事

基本上就这些。创建看需求,访问看命名和灵活性——静态用点号,动态或特殊名用方括号。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

WorkBuddy

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

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

豆包大模型

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

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

DeepSeek

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

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

相关专题

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

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

16240

2023.12.04

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

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

1183

2024.02.23

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

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

8910

2025.06.11

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

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

3542

2025.08.07

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2338

2023.09.20

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1838

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2924

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6224

2023.10.24

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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