对象的创建,对象属性值的添加、获取、修改、删除。
对象属性名和属性值操作。
<!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>