JS 对象基本用法
声明对象的两种语法
- let obj = {'name':'obj','age':'100'}
- let obj = new Object({'name':'obj','age':'100'})
如何删除对象的属性
delete
命令用于删除对象的属性,删除成功后返回true
。
var obj = { p: 1 }; Object.keys(obj) // ["p"] delete obj.p // true obj.p // undefined Object.keys(obj) // []
上面代码中,delete
命令删除对象obj
的p
属性。删除后,再读取p
属性就会返回undefined
,而且Object.keys
方法的返回值也不再包括该属性。
注意,删除一个不存在的属性,delete
不报错,而且返回true
。
如何查看对象的属性
- 查看自身所有属性: Object.keys(obj)
- 查看自身+共有属性:console.dir(obj)或者Object.keys打印出obj.__proto__
- 判断自身属性 obj.hasOwnProperty('toString')
如何修改或增加对象的属性
直接赋值
obj.name = 'dog'
obj['name']='dog'
批量赋值
Object.assign(obj,{age:18,gender:'man'})
'name' in obj和obj.hasOwnProperty('name') 的区别
//in var obj = { p: 1 }; 'p' in obj // true 'toString' in obj // true //hasOwnProperty var obj = {}; if ('toString' in obj) { console.log(obj.hasOwnProperty('toString')) // false }
可以看出in运算符会把继承的属性也一并检查,hasOwnProperty则会只检查属于对象本身的属性