JavaScript 对象怎么定义

你有没有过整理衣柜的经历？把T恤、外套、裤子分门别类放好，还在每个小格子上贴个标签写清楚内容——比如“纯棉T恤3件”“春秋外套2件”，这样找东西时不用翻遍整个柜子，一眼就能定位。在编程里，“整理数据”的逻辑和这个一模一样，JavaScript里的“对象”，就是专门用来给数据“贴标签、分格子”的工具，它能把零散的信息变得整齐又好查。

什么是JavaScript对象？

简单说，JavaScript对象就是“带标签的数据集合”。它不像数字“12”、字符串“苹果”那样只存单个内容，而是把相关的信息打包在一起，每个信息都有自己的“标签”（专业点叫“属性名”）和“内容”（专业点叫“属性值”）。比如你想记录一个朋友的信息：名字叫“小明”，年龄18岁，喜欢吃的水果是“草莓”，用对象来存的话，就像给这三个信息分别贴了“名字”“年龄”“喜欢水果”的标签，把它们归到同一个“朋友信息”的格子里，不会乱。

最常用的定义方法：花括号大法

就像用纸箱装东西要先封个箱子，定义JavaScript对象最直观的方法，就是用一对大括号{ }把所有内容包起来。每个“标签-内容”配对用英文冒号:分开，配对之间用英文逗号,隔开。比如记录刚才的朋友信息，代码写出来就是这样：

`javascript

let friend = {

name: "小明",

age: 18,

favoriteFruit: "草莓"

};

`

这里的friend是我们给这个对象起的名字（变量名），大括号里的name“标签对应”小明，age对应18，都是很生活化的内容，完全不用复杂的术语。

其他实用的定义方式

除了花括号，还有两种方法也很常用，适合不同的场景：

第一种是“先空盒子再装东西”。有时候我们一开始不知道要存什么内容，或者想后面再添加信息，就可以先定义一个空对象，再慢慢加属性。比如想做一个购物清单，先建个空对象，之后加“牛奶”“面包”这些标签：

`javascript

let shoppingList = {}; // 空对象

shoppingList.milk = "2盒"; // 给对象加“牛奶”属性，值是2盒

shoppingList.bread = "1袋"; // 再加“面包”属性

`

第二种是用“构造函数”批量做相似的对象。如果要做10个、20个朋友的信息，总不能一个个写花括号吧？这时候用构造函数就像做模具，一次做出多个一样结构的对象。比如做朋友的模具：

`javascript

function Friend(name, age, fruit) {

this.name = name;

this.age = age;

this.favoriteFruit = fruit;

}

// 用模具做两个朋友

let friend1 = new Friend("小明", 18, "草莓");

let friend2 = new Friend("小红", 17, "香蕉");

`

这样“小明”和“小红”就都有了名字、年龄、喜欢的水果，不会乱。

举个生活化的例子帮你巩固

假设你要做一个“自己的小档案”，用JavaScript对象来存的话，花括号定义法就最方便：

`javascript

let myInfo = {

姓名: "阿明",

城市: "杭州",

爱好: "爬山",

身高: 175

};

`

以后要查自己的爱好，直接写myInfo.爱好就能得到“爬山”，就像你打开衣柜找标着“T恤”的格子，一眼就拿到，是不是很简单？

不管是整理日常信息，还是做网页里的用户资料，JavaScript对象都是程序员最常用的“整理工具”，从现在开始，把零散的信息放进“带标签的对象盒子”里，你的数据就再也不会乱啦。