JS 对象基本用法

声明对象的两种语法

1. let obj = {'name':'obj','age':'100'}
2. let obj = new Object({'name':'obj','age':'100'})

如何删除对象的属性

delete命令用于删除对象的属性，删除成功后返回true。

?

1 2 3 4 5 6

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') 的区别

?

1 2 3 4 5 6 7 8 9 10

//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则会只检查属于对象本身的属性