<八>JavaScript中的对象及对像的增删改查

本文介绍了JavaScript中对象的分类,包括内建对象、宿主对象和自定义对象,以及使用构造函数和对象字面量创建对象的方法。重点讲解了对象属性的操作,如增加、读取、修改和删除,以及in运算符的作用。
摘要由CSDN通过智能技术生成

使用基本数据变量所创建的变量都是独立的,不能成为一个整体,对象属于复合型的数据类型,在对象中可以保存多个不同的数据类型的属性。

一、对象的分类

1.1内建对象

由ES标准中定义的对象

比如:Match、String、Number、Boolean、Function... ...

1.2宿主对象,由js运行环境提供的对象

比如:BOM、DOM

1.3自定义的对象

开发人员自己创建的对象

二、创建对象的几种方式

1.1使用构造函数New创建对象

var obj = new Object();

1.2使用对象字面量创建一个对象

var obj = {};

三、对象中的属性的增加、读取、修改和删除

1.1对象.属性名

添加属性:对象.属性名 = 属性值

读取属性值:对象.属性名

修改属性:对象.属性名 = 新的属性值

删除属性:delete 对象.属性名

		<script type="text/javascript">
			var obj = new Object();
			obj.name = "小明";
			obj.age = 18;
			console.log("学生姓名:"+obj.name+"学生年龄:"+obj.age);
			obj.age = 20;
			console.log("学生姓名:"+obj.name+"修改后的学生年龄:"+obj.age);
			delete obj.age;
			console.log(obj.age);
		</script>

1.2对象["属性名"] = 属性值

添加属性:对象["属性名"] = 属性值

读取属性值:对象["属性名"]

修改属性:对象["属性名"]= 新的属性值

删除属性:delete 对象["属性名"]

		<script type="text/javascript">
			var obj = new Object();
			obj["name"] = "小明";
			obj["age"] = 18;
			console.log("学生姓名:"+obj["name"]+"学生年龄:"+obj["age"]);
			obj["age"] = 20;
			console.log("学生姓名:"+obj["name"]+"修改后的学生年龄:"+obj["age"]);
			delete obj["age"];
			console.log(obj["age"]);
		</script>

1.3俩种方式的区别

对象["属性名"] 这种格式是支持特殊的属性名的,因为在js中,对属性名的要求非常宽泛,不强制要求必须遵守命名规则,什么名字都可以用,但是如果要是用特殊的属性名,需要使用对象["属性名"] 这种格式,并且这种格式还可以传递一个变量,更加灵活。

		<script type="text/javascript">
			var obj = new Object();
			var n = "123";
			obj["123"] = "小明";
			console.log(obj[n]);
			console.log(obj["123"]);
		</script>

		<script type="text/javascript">
			var obj = new Object();
			var n = "123";
			obj."123" = "小明";
			console.log(obj.n);
			console.log(obj."123");
		</script>

四、in运算符

检查一个对象里是否含有制定的属性,如果有就返回True,没有返回False。

		<script type="text/javascript">
			var obj = new Object();
			var n = "123";
			obj["123"] = "小明";
			console.log(obj[n]);
			console.log("123" in obj);
			console.log("456" in obj);
		</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值