这是一篇对JS对象基本用法的介绍的文章,所有的内容都能在MDN里面找到,我主要是介绍一些常用的知识。
JS一共有7种基本类型,包括String,Number,Symbol,Bool,Undefined,Null 和Object。前六种都是简单的类型,可以参考我写的另一篇博客(还没有完成)。只有对象是复杂类型。它的特点有:
- 他是无序的数据集合。无序是指里面的属性排列没有先后之分
- 也可以简单的理解为是键值对的集合
1. 声明对象的两种语法
let obj={'name':'xxx', 'age'=18}
let obj={'name':'xxx', 'age'=18}
第一种写法是最常用的写法,也是一种省略的写法。
第二种写法是正规的写法,这种写法可以看出它的原型是谁。(关于原型链我会再专门写一篇博客,到时候会把链接附上)
刚刚在前面说了对象是键值对,键(keys)就是属性名,值就是属性值。如上面声明的对象obj,它的键(keys)为:'name','age' 。它的值(values)为:'xxx',18 。
接下来说一个这个小节最重要的点zhon:
键名(keys)什么时候都是字符串,不管有没有加''
键名(keys)什么时候都是字符串,不管有没有加''
键名(keys)什么时候都是字符串,不管有没有加''
重要的话说三遍,因为如果不先明确这一点,在后来会有很多无法理解的点。
所以打键名的时候,最好把''加上,这样有利于理解。
就算不加'',那也是字符串,但是就只能打标识符
如果不加'',那么如果是特殊的数值,js会自动先求值,再转换为字符串。
如:
1e2:555 // '100':555
11:333 // '0.11':333
如果要把变量当作key,那么需要用[]包起来。
如:
let a='xxx'
let obj={ [a]:yyy}
obj // ’xxx':'yyy'
2. 如何删除对象的属性
delete obj.xxx
delete obj['xxx']
可以通过输入以下代码来查询是否删除成功
'xxx' in obj
如果返回false,那么就删除成功了。
要注意区分 obj.xxx=undefined
上面那个代码只能删除属性的值,不能删除键。
3. 如何查看对象的属性
3.1 查看自身所有的属性
查看自身属性的键:
Object.keys(obj)
会返回一个数组,数组里面的元素是键名的字符串。
查看自身属性的值:
Object.values(obj)
会返回一个数组,数组里面的元素是各个值。
查看自身属性的键和值:
Object.entries(obj)
会返回一个数组,数组里面的是由各个键值组成的数组。
3.2 查看自身属性加共有属性
console.dir(obj)
返回一个基本对象。
3.3 查看是自身属性还是共有属性
首先要确认对象是否有这个属性,用:
'xxx' in obj
返回true说明有这个属性,如果返回false说明没有这个属性。
再通过以下代码确认是否为自身属性:
obj.hasOwnProperty('xxx')
如果是自身属性,返回true,如果是共有属性,返回false。
3.4 只查一个属性的值
- obj['xxx']
- obj.xxx
拓展:
obj['xx'+'x']=obj['xxx']
易错点:
obj[xxx] 是错误的写法,这样的意思是查询xxx这个变量,不是一个字符串。
比如:
let obj={name:'xxx', age:22}
obj[name]
这时候会返回undefined,因为name是个全局变量,window.name的默认值为''(空字符串),空字符串的返回值为undefined。
4. 如何修改或增加对象的属性
4.1 直接赋值
let obj={name='xxx'}
obj.name='xxx'
obj['name']='xxx'
obj['na'+'me']='xxx'
4.2 批量赋值
Object.assign(obj,{name:'xxx',age:18})
4.3 修改共有属性
只能直接找到原型,在原型上面修改:
obj.__proto__.toString='zzz'
或者:
Object.prototype.tiStroing='zzz'
一般来说不要修改原型。