创建一个对象

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面我们可以去创建一个对象 … 使用字面形式去创建对象非常简单 … 输入一个 var … 后面是想要创建的对象的名称 … 然后是一个等号 … 等号的右边是一组花括号 …

var beyond = {};

这样我们就创建了一个空白的对象,叫做 beyond … beyond 是我最喜欢的一支摇滚乐队的名字 ..

设置对象的属性可以使用对象名,加上点的形式 ... 点的右边是属性的名字 ….

beyond.formedIn = '1983';

这里的 formedIn 组队的时间, 就是为 beyond 这个对象添加的一个属性 … 它的值我们设置成了 1983 ..

除了这种用 . 的形式设置属性以外,我们还可以使用方括号的形式 … 像这样 …

beyond['foundedIn'] = "香港";

方括号里面的东西就是对象的属性 … 注意它的周围要用一组引号,单引号或者双引号都可以 .. 在等号的右边是为这个属性设置的值 …

现在 beyond 这个对象里面就已经包含了两个属性 … 我们把它输出到控制台上看一下 …

console.log(beyond);

保存 … 打开控制台 …

你会看到,输出了这个对象 … 它的里面有两个属性 … formedIn … 组队的时间是 1983 年,还有 foundedIn … 成立于 香港 …

使用在控制台上显示的这种形式,我们同样可以去设置对象里的属性 …. 在这个大括号里,先是一个属性的名称 … 加上一个冒号 … 冒号的右边是对应的属性的值 …. 然后每一个属性之间,使用一个逗号分隔开 …

(#js)

直接在创建对象的时候,就去设置它的属性 …

var beyond = {formedIn: '1983', foundedIn: '香港'};

这样跟前面单独设置属性的方法效果是一样的 …

访问属性的值

访问对象里的属性的值,跟单独设置属性的方法类似 … 可以用 . 的形式 … 或者 [] 的形式 …

我们可以直接在控制台去试一下 …

输入 beyond.formedIn 会返回这个属性对应的值 … 1983 … 再试一下用方括号的形式访问属性的值 ... beyond[“foundedIn”] …. 同样会返回对应的属性的值 … 香港 …

创建一个对象《 JavaScript 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点