JS对象基本用法

：声明对象的两种语法

// 正规
let obj = new Object({'name':'xiaoxin',age:18})
// 简写
let obj = {'name':'xiaoxin',age:18}

：如何删除对象的属性

• delete obj.xxx 或 deleteobj[‘xxx’]
即可删除 obj 的 xxx 属性
请区分「属性值为 undefined」和「不含属性名」

• 不含属性名
‘xxx’ in obj === false

• 含有属性名，但是值为 undefined
‘xxx’ in obj && obj.xxx === undefined

• 注意 obj.xxx=== undefined
不能断定 ‘xxx’ 是否为 obj 的属性

// 删除'name':'xiaoxin'键值对，得到 obj = {age: 18}
delete obj['name']
// 删除'name'的值，得到 obj = {'name':undefined,age:18}
obj['name'] = undefined

：如何查看对象的属性

•查看自身所有属性

Object.keys(obj)；

•查看自身+共有属性
console.dir(obj)
或者自己依次用 Object.keys 打印出 obj.proto

•判断一个属性是自身的还是共有的
obj.hasOwnProperty(‘toString’)；

·查看属性
obj[‘name’]
obj.name // 记住这里的 name 是字符串
obj[name] // 记住这里的 name 是变量

// 查键
Object.keys(obj)
// 查值
Object.values(obj)
// 查键值对(所有 自身属性)
obj
Object.entries(obj)
// 查 自身属性+共有属性
console.dir(obj)
// 判断是否有这个自身属性
''  in obj
// 判断一个属性是不是自身的
obj.hasOwnProperty('toString')

：如何修改或增加对象的属性

•直接赋值
let obj = {name: ‘frank’} //name 是字符串
obj.name = ‘frank’ // name 是字符串
obj[‘name’] = ‘frank’
obj[name]= ‘frank’ // 错，因 name 值不确定
obj[‘na’+’me’] = ‘frank’
let key = ‘name’; obj[key] = ‘frank’
let key = ‘name’; obj.key~~ = ‘frank’~~ // 错
因为 obj.key 等价于 obj[‘key’]

•批量赋值
Object.assign(obj, {age: 18, gender: ‘man’})

修改隐藏属性
不推荐使用 proto
let obj = {name:’frank’}
let obj2 = {name: ‘jack’}
let common = {kind: ‘human’}
obj.proto = common
obj2.proto = common

推荐使用 Object.create
let obj = Object.create(common)
obj.name = ‘frank’
let obj2 = Object.create(common)
obj2.name = ‘jack’
规范大概的意思是，要改就一开始就改，别后来再改

// 单个赋值
obj['color']="red"
// 批量赋值 Object.assign
Object.assign (obj,{a:1,b:2})
// 修改自身里的共有属性(toString) obj
obj.toString
obj.__proto__ = null
// 修改大家的共有属性(toString) obj/Object.prototype
obj.__proto__.toString
Object.prototype.toString
// 创建自己的原型（就可以不用去修改原来的原型了）Object.create
var common = {'国籍':'中国'}
var person = Object.create(common)

•无法通过自身修改或增加共有属性
let obj = {}, obj2 = {} // 共有 toString
obj.toString = ‘xxx’ 只会在改 obj 自身属性
obj2.toString 还是在原型上

•我偏要修改或增加原型上的属性
obj.proto.toString = ‘xxx’ // 不推荐用 proto
Object.prototype.toString = ‘xxx’
一般来说，不要修改原型，会引起很多问题

‘name’ in obj和obj.hasOwnProperty(‘name’) 的区别

‘name’ in obj // 判断是否有这个自身属性

obj.hasOwnProperty(‘name’) // 判断一个属性是自身还是共有的

//我们创建一个对象，person自身属性分别是name,age,sex,隐藏属性有toString...
var person={
    name:"yeyuan",
    age:"18",
    sex:"man"
}
//我们用"name" in obj 来试一下他们分别打印出来的是什么
"name" in person  //true
person.hasOwnProperty("name");  //true
"toString" in person  //true
person.hasOwnProperty("toString");  //false
这样一比较很清楚的说明了两者的区别