JavaScript中对象的初步了解及自定义对象的创建,修改,使用,删除。 Object new 抽象式理解对象 对象概述

目录

1.了解什么是对象(Object类型)

2.对象有三类

3.对象的创建及使用

4.对象的修改及删除

5.总结


 

1.了解什么是对象(Object类型)

对象也就是Object类型,属于JS中的引用数据类型。

众所周知,JS中的数据类型分为:

  • String  字符串
  • Number  数值
  • Boolean  布尔值
  • Null  空值
  • Undefind  未定义

但以上都是基本数据类型,当一个值不属于以上任何一种,那末就全都是对象。

  • Object  对象

对象用来将很多值聚合到一起,可以通过名字访问这些值,如果将变量抽象为一个装单个类型数据的盒子,那对象就可以抽象成一个用来装很多东西的大盒子,可以用来装多个不同的数据类型。

 

2.对象有三类

1.内建对象:在标准中被定义的对象,在任何实现中都可以使用。

如:Math Boolean  Function  Object

2.宿主对象:由运行环境提供的对象,目前主要指由浏览器提供的对象。

如console(在控制台打印)和document(打印在网页上),都属于是对象,但是是浏览器自带提供的,因此无需创建即可使用。

此两种暂时只做了解

3.自定义对象

即:由开发人员,也就是敲代码的你自己自行创建的对象。

 

3.对象的创建及使用

首先需要了解函数new,new是一个构造函数,专门用于创建对象。

创建对象有两种方式,在本文仅以其中一种为例。

方法:

var 对象名 = new Object();

像这样,第一个对象就被建立了

如果用typeof来检查对象,检查结果会是Object,也就是对象数据类型。

对象属性

在对象中保存的值称为属性,向对象添加属性的语法是:

对象名.属性名 = 属性值;

如:

var obj = new Object();
	
	obj.name = "李四";
//obj是函数名,name为属性名,李四则是其中的属性值,用.来进行添加属性

当然,对象主要功能是存贮许多的对象属性

var obj = new Object();
	
	obj.age = "14";
	obj.lng = "14.6";
	obj.name = "李四";

    console.log(obj);//用控制台输出

结果为:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oiR5aSn5Y-X6ZyH5pK8,size_17,color_FFFFFF,t_70,g_se,x_16

 

分析上例,用构造函数建立名为obj的对象,

而后利用  对象.属性名=  的方法在obj对象中添加三个新属性,分别为name,age,lng。

并将其打印在控制台中,成功输出三个属性及值,当然,对象属性也被称之为键值对,即一个属性名对应一个属性值

 

当然,可以单独读取一个对象属性:

读取单个属性即:  对象.属性名 

相较于创建,只少了赋予属性值的步骤

var obj = new Object();
	
	obj.age = "14";
	obj.lng = "14.6";
	obj.name = "李四";

    console.log(obj.name);//控制台此时仅输出name:李四

值得一提的是:若读取对象内没有的属性,则输出的值是undefined,即未定义。

 

4.对象的修改及删除

修改属性值,方法和创建相同:

对象.属性名=值,由于程序是由上到下,由左到右执行,所以修改过的属性值会直接覆盖旧的值。

 如下例:

	var obj = new Object();
	
	obj.name = "李四";
	obj.age = "14";
	obj.lng = "14.6";
	
	
	
	obj.name = "王五";

    console.log(obj);

 结果为:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oiR5aSn5Y-X6ZyH5pK8,size_14,color_FFFFFF,t_70,g_se,x_16

 

对象属性的删除:

删除属性只需使用 delete 对象.属性名  的方法。

如下例:

	var obj = new Object();
	
	obj.name = "李四";
	obj.age = "14";
	obj.lng = "14.6";
	
	
	
	obj.name = "王五";
	
	
	delete obj.lng
	
	console.log(obj);
	
	

输出结果为:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oiR5aSn5Y-X6ZyH5pK8,size_12,color_FFFFFF,t_70,g_se,x_16

 delete了lng对象后,输出结果不会存在这个对象。

 

5.总结

  • 非基础数据类型的都是对象,对象用来将很多值聚合到一起,可以通过名字访问这些值,如果将变量抽象为一个装单个类型数据的盒子,那对象就可以抽象成一个用来装很多东西的大盒子,可以用来装多个不同的数据类型。
  • 对象分为内建对象,宿主对象与自定义对象,由开发人员创建的对象即是自定义对象。
  • 使用构造函数可以创建对象,但创建对象的方法不唯一。
  • 对象的类型就是Object,对象类型。
  • 使用对于对象的创建,读取,修改,删除来将对象进行高自由度的操作。

注:对象还有更多本文未提及的知识

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值