JS对象基本用法

132 阅读1分钟

一、声明对象的两种语法

// 第一种
let obj = { 'name': 'frank', 'age': '18' }

// 第二种
let obj = new Object({ 'name': 'frank' })

注意

  • 键名是字符串,不是标识符,可以包含任意字符
  • 引号可以省略,省略之后就只能写标识符
  • 就算引号省略了,键名也还是字符串

二、如何删除对象的属性

delete obj.xxxdelete obj['xxx'] 即可删除 obj 的 xxx 属性

注意区分 属性值为 undefined 和 不含属性名

// 不含属性名
'xxx' in obj === false

// 含有属性名,但是值为 undefined
'xxx' in obj && obj.xxx === undefined

// 注意 obj.xxx === undefined 不能断定 'xxx' 是否为 obj 的属性
let obj = { xxx: undefined }
let obj = {}
// 这两种情况,obj.xxx 都是 undefined

三、如何查看对象的属性

  • 查看自身所有属性
    • Object.keys(obj)
  • 查看自身 + 共有属性
    • console.dir(obj)
    • 或者自己依次用 Object.keys 打印出 obj.__proto__
  • 判断一个属性是自身的还是共有的
    • obj.hasOwnProperty('toString')

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

直接赋值

let obj = { name: 'frank' } // name是字符串
obj.name = 'frank' // name是字符串
obj['name'] = 'frank'
let key = 'name'; obj[key] = 'frank'

批量赋值

Object.assign(obj, { age: '18', gender: 'man' })

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

  • 'name' in obj 是查看 name 属性是否在 obj 的自身属性和共有属性上
  • obj.hasOwnProperty('name') 是查看 name 属性是否只在 obj 的自身属性上
let obj = Object.create({ name: '张三' }) // 创建一个原型是 { name: '张三' } 的对象

'name' in obj // 结果为true => 因为能在原型上找到name属性
obj.hasOwnProperty('name') // 结果为false => 在自身上找不到name属性