JavaScript对象总结

对象简介
讲解对象之前我们先复习一下数据类型,JS中的数据类型: String 字符Number 数值Boolean 布尔Null 空值 Undefined 未定义- 以上的5中数据类型为基本数据类型,以后我们看得到值只要不是以上的5中,都为对象,Object 对象。
在这里插入图片描述
当我们要统计一个人的数据,我要统计他的姓名年龄电话号码,我们就要定义堵存var wo=小明;然后在声明一个变量来堵存小明的年龄var wo1=18,然后在来堵存它的电话号码var wo2=123456789,通过这三种变量把小明的姓名电话号码,堵存出来了但是它是由一个问题的。因为这三个是独立的是没有联系的数据的。而我们是想要去堵存一个人的数据类型。我们就可以使用Object 对象。
在这里插入图片描述
我们创建一个对象,使用new关键字调用的函数,是构造函数是专门用来创建对象的函数,那么我们创建了对象要这么样在这个对象里面添加数据,对象中是通过属性来保存对象的,在对象中保存的值称为属性,向对象添加属性的语法: ①对象.属性名=属性值 ,通过对象这种数据类型,我们就把这个人的姓名年龄电话号码全都存在了这个变量中,然后我们在把这个变量进行控制台打印,就可以看到变量是否堵存成功。比如我要去读取这个数据,现在我要获取这个对象里面的姓名,就要通过console.log(ko.you);进行输出就可以看到小明的姓名,年龄电话号都可以这样去获取。注意:如果对象中没有的属性,不会报错而是返回undefined,比如console.log(ko.kiji);它没有对应的属性所以它会返回undefined。
在这里插入图片描述
第二种方法 ② 对象[“属性名”]=属性值,获取方法:对象[“属性名”],比如:console.log(ji[“ni1”]);那这两种方法可以混合使用吗?通过第二种方式创建的是可以通过点的方式获取,第一方式也可以通过第二方式去获取,但是它们不是完全混合使用的。
在这里插入图片描述
我们要用点开头就要符合标志符的规范。所以oj.123=123;是错误的。如果我们就要用数字开头写就要通过这种方法:oj.[“123”]=123;但我们去获取这个值的时候通过点的方式获取:console.log(oj.123);这种方式是错误的,如果是特殊的一些属性名你在存的时候和获取的时候都不能用点的方式。要用console.log(oj[“123”]);这种方式,这两种方法不能完全混合使用的区别。对象的属性名不强制要求遵守标识符规则,什么名称都可以,但是不允许这里使用点方式,我们自写代码都必须遵守标识符规则。
在这里插入图片描述
获取对象中的属性值,那我要这么获取老板的员工呢?获取方法:console.log(ta.no3);这只是获取了老板的员工,那我要获取员工的信息呢?获取方法:console.log(ta.no3.op1);,这里也说明了我们的对象里面可以在添加一个对象。
in运算符: 通过该运算符检查一个对象中是否含有指定的属性,如果含有则返回true,如果没有则返回false语法 :“属性名” in 对象,比如:console.log(“no1” in ta);

字面量
在这里插入图片描述
这种方法去创建一个对象,我把它叫做字面量,我们可以通过这种方法去判断它是不是对象:console.log(typeof ho);检查结果是Object,也就是所通过这种大括号也是可以创建一个对象的,像这种大括号我们要这么去给它添加属性呢?我可以在大括号里面添加它的比如:{属性名1:属性值1,属性名2:属性值2}也就是这样{ni:“小明”,ni1:23},每个属性通过逗号隔开,写在最后一个就不用了在添加逗号了比如:{ni:“小明”,ni1:23,ni2:“地址”},地址是最后一个所以没加逗号。
在这里插入图片描述
比如有一个属性名它很特别,比如:123:“你好"这样子也是可以添加的但是对于这些特殊的我们要这么去获取呢?通过这种方式:console.log(ho1.123);是获取不到的,我们可以通过这样方式去获取console.log(ho1[“123”]);但是对于这些特殊的属性名最好是加一个双引号,比如:“123”:“你好”。像这样"123”:"你好"加了双引号也是要通过console.log(ho1[“123”]);这种方式去获取它。
在这里插入图片描述
在这个字面量中,也是可以通过这种方法去堵存一些数据,不管是那一种方法它的属性值都是任意的属性值,它的属性值可以是一个字符串也可以是数字也可以是一个对象,那我们要获取员工的信息呢,获取方法:console.log(js.mo3.io);,那么这个时候输出的就是员工的信息,在我实际中用的比较多的就是字面量这种方式去创建它比较简单。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值