前端JS对象简介

在JS里面有多种数据类型、但是我们只要将基本数据类型排除掉,其他的都为对象object,所以有时候我们就会将数据类型分为两种一种是基本数据类型另外一种就是object对象。

在JS中我们可以使用基本数据类型将一个人的信息保存下来,如下图:

输出控制台的他们是独立的,没有联系的数据,所以如果要在控制台输出一个人完整的信息,我们通常会用object对象来创建一个对象,使用他们能够将基本数据类型的所有信息保存在一个对象中,只要获取得这一个对象就能够获取到一整个人的信息。

简单地来说对象属于一种复合的数据类型,在对象中可以存储多个不同的数据类型的属性,所以他能存储多个基本数据类型的属性。

对象又有几种分类:

    第一种是:内建对象。

内建对象是由ES标准中定义的对象,在任何ES的实现中都可以使用。

例如:Math、Sing、Nber 、Bolean 、Functiont、Object…

    第二种是:宿主对象。

宿主对象是由JS的运行环境提供的对象,按照目前来讲主要指由浏览器提供的对象—BOM(浏览器对象模型)、DOM(文档对象模型)。

例如:我们常用的console.log( )就是DOM中的对象。

    第三种数:自定义对象。

自定义对象主要是由作为开发人员自己定义的对象。

我们一般都会创建对象,其中会使用到new关键字调用的函数,是构造函数constructor、构造函数是专门用来创建对象的函数。

例如:下面这个例子

我创建了一个新的对象,你们会发现他们的是有关联的,没错我在属性前面用了我创建的对象obj,这样就使得他们是作为一个对象的属性和属性值,只要我在控制台打印对象就能把对象的所有属性和属性值一起打印出来。

不仅如此我们还可以直接获取到对象中的属性值,还可以更改对象的属性值,更改后再控制台打印出来的数据不会输出更改前的数据。

获取对象属性值

我们可以通过(obj.属性)的形式来获取到他们的属性值。

当然我们还可以通过获取到obj对象来修改他们属性的属性值,甚至还可以删除掉obj的属性      

所以数据类型创建对象对于存放多种数据类型是非常方便的,并且还能够修改或者删除某一条信息。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值