对象的创建,属性值的添加、获取、修改、删除

104 阅读1分钟

对象的创建,对象属性值的添加、获取、修改、删除。
对象属性名和属性值操作。

<!DOCTYPE html>
<html>

	<head>
		<title> 对象的基本操作 </title>
		<meta charset="utf-8" />

	</head>
	<body>
		<script>
			//创建对象:
			/* 使用new关键字调用的函数,是构造函数constructor
			 * 构造函数是专门用来创建对象的函数 
			 * 使用typeof检查一个对象时,会返回object			
			 */
			var obj = new Object();

			/*
			 * 在对象中保存的值称为属性
			 * 向对象中添加属性
			 * 语法:对象.属性名=属性值;
			 */
			obj.name = "易烊千玺";
			obj.gender = "男";
			obj.age = 22;

			/*
			 * 读取对象中的属性
			 * 语法:对象.属性名
			 * 如果读取对象中没有的属性,不会报错而是会返回undefined
			 */
			console.log(obj.name); //易烊千玺

			/*
			 * 修改对象的属性值
			 * 语法:对象.属性名=新属性值;
			 */
			obj.name = "tom";
			console.log(obj.name); //tom

			/*
			 * 删除对象的属性
			 * 语法 :delete 对象.属性值
			 */
			delete obj.name;
			console.log(obj.name); //undefined

			/*
			 * 对象的属性名不强制要求遵守标识符的规范
			 * 但是我们使用是还是尽量按照标识符的规范去做
			 * 
			 * 如果要使用特殊的属性名,不能采用.的方式。来操作需要使用另一种方式:
			 * 语法:对象["属性名"]=属性值
			 * 读取时也需要采用这种方式
			 * 
			 * 使用[]这种形式去操作属性,更加的灵活,
			 * 在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性
			 */
			obj["123"] = 456;
			obj["@#$"] = "haha"

			var n = "123";
			console.log(obj["123"]);
			
			/*
			 * 属性值
			 * 对象的属性值,可以是任意的数据类型
			 * 甚至也可以是一个对象
			 */
			obj.test = null;
			obj.test = undefined;

			var obj2 = new Object();
			obj2.name = "易烊千玺2";

			obj.test = obj2;
			console.log(obj.test.name);

			/*
			 * in运算符
			 * 通过该运算符可以检查一个对象中是否含有指定的属性
			 * 如果有则返回true,没有则返回false
			 * 语法:"属性名" in 对象
			 */
			console.log("test" in obj);//true
		</script>
	</body>
</html>