JS 对象基本用法

87 阅读1分钟

声明对象的两种方法

对象 object

第七种数据类型,唯一一种复杂类型

定义

  • 无序的数据集合
  • 键值对的集合

声明对象的两种方法

let obj = { 'name': 'frank', 'age': 18 }

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

'age'是键名,18是键值。

细节

键名是字符串,不是标识符,可以包含任意字符

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

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

如何删除对象的属性

删除对象的属性的两种方法

delete obj.xxx 
delete obj['xxx']

两种删除方法产生两种结果请区分「属性值为 undefined」和「不含属性名」

检测方法

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

如何查看对象的属性

查看属性的三种方式

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

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

四种赋值写法

let obj = {name: 'frank'} 
obj.name = 'frank' 
obj['name'] = 'frank' 
let obj = {name: 'frank'} 
let key = 'name'
obj[key] = 'frank'
let obj = {name: 'frank'} 
obj['na'+'me'] = 'frank'
Object.assign(obj, {age: 18, gender: 'man'}) //批量赋值

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

  • 'name' in obj不会区分这个属性是自身的还是共有属性
  • obj.hasOwnProperty('name')可以区分。

obj.hasOwnProperty('name')

  • 显示false就是共有的属性
  • 显示true是自己的属性