JS对象基本用法

94 阅读1分钟

JS对象基本用法

声明对象的两种语法

let obj = { 'name': 'frank', 'age': 18 }
let obj = new Object({'name': 'frank'})

引号可省略,省略之后就只能写标识符

就算引号省略了,键名也还是字符串(重要)

如何删除对象的属性

delete obj.xxx 
delete obj['xxx']

如何查看对象的属性

Object.keys(obj)    //查看自身所有属性
console.dir(obj)    //查看自身+共有属性

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

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'})    //批量赋值

修改隐藏属性


Object.prototype['toString'] = 'xxx'    //改共有属性


let common = {kind: 'human'}
let obj = Object.create(common)         //创建一个obj对象,原型为common
obj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'jack'

'name' in obj和obj.hasOwnProperty('name') 的区别

'name' in obj可以判断obj是否有'name'属性,但是不能判断'name’是否为共有属性。

obj.hasOwnProperty('name')用来判断'name'是否为obj的特有属性。