9、对象数据类型
(1)对象由哪几部分组成?他们的作用是什么?
每一个对象都是由0到多组属性名和属性值组成的(多组键值对组成 key:value);对象是由属性和方法构成的,并且属性名不能重复。
属性名和属性值:是用来描述对象特征的。属性名都是数字或字符串格式的。
(2)如何操作对象数据类型
获取一个不存在的属性名的属性值,不会报错,默认值是undefined。
1)创建对象
字面量创建方式 实例创建方式
对象名["属性名"]=属性值 对象名.属性名=属性值
var obj={name="珠峰" age=6}; var obj=new object();
obj["name"]="珠峰" ; obj.name="珠峰";
var person={ var person=new object();
Name:"小红"; Person.name="小红";
age=32; Person.age=32;
write:function(){ Person.write=function(){
console.log(this.name); console.log(this.name);
} }
2)修改对象
对象的属性名和属性值是不能重复的修改对象
obj["name"]="培训"; obj.name="培训";
如果obj对象中有name属性,就修改name属性的值;如果没有则向obj对象中添加一个name属性
3)获取对象
获取对象属性 获取对象属性
console.log(obj.name); console.log(obj["name"]);
4)删除对象
删除对象属性
delete obj.name; 或 delete obj[name]; 真删除 obj.name=null; 假删除
(3).语法与[]语法差异
.后面不能使用JS中的关键字、保留字(class、this、function); .后面不能使用数字
[]语法就可以使用,如obj["class"]=10; []语法可以使用数字,如obj[2]=50;
var name=10;
var obj={
name:"张三",
}
console.log(obj.name); //"张三"。
console.log(obj.["name"]); //"张三"
console.log(obj.age); //undefined 如果当前属性名不存在,默认的属性值是undefined.
console.log(obj.[name]); //obj[name变量代表的值]=>obj[10]=>undefined。
根据obj[name变量代表的值]找一下obj对象中有没有带10这个变量的属性值,如果没有输出则是undefined
- 对象的属性名只有两种格式:一定是数字或字符串等基本类型值。
- 操作对象属性名和属性值,一定且只有两种方式:对象.xx 或 对象["字符串"或数字]
- 变量代表不是变量本身,而是存储的那个值。
var name=10;
var obj={
name:name, //冒号左边的是对象的属性名,冒号右边的是对象的属性值,只是这个属性值是一个变量,变量代表的是存储的那个值,所以此时冒号右边的name是10。
name, //这样写与上面写是一样的,是ES6的简化写法
}
对象中obj["name"]属性名加不加双引号区别很大
思考: obj["3"]=obj[3] 为什么?
如果属性值是数字,只能用obj[3]来获取,就不能使用.来获取(obj.3 是错误的)。
(4)对象数据类型细分
1)普通对象:对象类Object、数组类Array、正则类RegExp、时间类Date、字符串类String、布尔类Boolean等对应的实例。
2)函数对象:function(){}
3)特殊对象:数组对象
let ary=["张三",12,true]
console.log(ary); // 0:"张三", 1:12, 2:true
console.log(ary["length"]);
console.log(ary[1]);
增加:ary[ary.length]=100
删除最后一项:ary[ary.length-1]
数组是特殊的对象
- 我们中括号中设置的是属性值,他的属性名是默认的生成的数字,从零开始递增,而且这个数字代表每一项的位置,称之为"索引"(从零开始,连续递增,代表每一项位置的数字属性名。)
- 天生默认有一个属性length,存储数组的长度。
本人是以网络视频与网络文章的方式自学的,并按自己理解的方式总结了学习笔记。有不正确之处请各位高手多多指点,一起学习进步。【VX:czlingyun 暗号:CSDN】