对象是JS中的引用数据类型
对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性
使用typeof检查一个对象时,会返回object
1.对象的分类
1.内建对象
let obj = new Object();
- 由ES标准中定义的对象,在任何的ES的实现中都可以使用
- 比如:Math String Number Boolean Function Object....
2.宿主对象
- 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
- 比如 BOM DOM
3.自定义对象
- 由开发人员自己创建的对象
2.创建对象
法一:
let obj = new Object();
法二:
let obj = {};
法三:使用工厂方法创建对象
// 使用工厂方法可以大批量的创建对象
function creat(name, age, gender) {
// 创建一个新对象
const obj = {};
// 向对象中添加属性
obj.name = name;
obj.age = age;
obj.gender = gender;
obj.sayName = function () {
alert(this.name);
}
// 将新的对象放回
return obj;
}
const obj1 = creat("张三", 18, "男");
const obj2 = creat("李四", 20, "女");
const obj3 = creat("王五", 22, "男");
console.log(obj1,obj2,obj3);
obj1.sayName();
3.向对象中添加属性
语法:
对象.属性名 = 属性值;
对象["属性名"] = 属性值; //这种方式能够使用特殊的属性名
对象的属性名没有任何要求,不需要遵守标识符的规范,但是在开发中,尽量按照标识符的要求去写。属性值也可以任意的数据类型。
使用对象字面量,在创建对象时直接向对象中添加属性
语法:
let obj = {
属性名:属性值,
属性名:属性值,
属性名:属性值
}
修改属性值:对象.属性名 = 新值;
4.读取对象中的属性
语法:
对象.属性名
对象["属性名"] //"属性名"可以使字符串常量,也可以是字符串变量
如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined
使用in检查对象中是否含有指定属性
语法:"属性名" in 对象
如果在对象中含有该属性,则返回true,如果没有则返回false
5.删除对象中的属性
语法:
delete 对象.属性名
delete 对象["属性名"]
6.遍历对象
循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)。
语法:for...in
let obj = {'0':'a','1':'b','2':'c'};
for(let i in obj) {
console.log(i,":",obj[i]);
}
7.方法
可以将一个函数设置为一个对象的属性,当一个对象的属性是一个函数时,我们称这个函数是该对象的方法。
对象.方法名(); // 调用对象的方法
函数名(); //调用函数
8.基本数据类型和引用数据类型的区别
基本数据类型:String Number Boolean Null Undefined
引用数据类型:Object
基本数据类型的数据,变量是直接保存的它的值。变量与变量之间是互相独立的,修改一个变量不会影响其他的变量。
引用数据类型的数据,变量是保存的对象的引用(内存地址)。如果多个变量指向的是同一个对象,此时修改一个变量的属性,会影响其他的变量。
比较两个变量时,对于基本数据类型,比较的就是值。对于引用数据类型比较的是地址,地址相同才相同。