JS 对象基本用法对象（object）是 JavaScript 语言的核心概念，也是最重要的数据类型。什么是对象？简单

对象（object）是 JavaScript 语言的核心概念，也是最重要的数据类型。

什么是对象？简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。

声明对象的两种语法

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

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

如何删除对象的属性

delete 操作符

delete 操作符用于删除对象的某个属性

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

//delete obj['xx']用法
console.log(obj.name)
// expected output: "frank"
delete obj['name']
console.log(obj['name'])
// expected output: undefined


//delete obj.xx用法
console.log(obj.age)
// expected output: "18"
delete obj.age
console.log(obj.age)
// expected output: undefined

要注意区分，属性值为「undefined」和「不含属性名」。

不含属性名

'xxx' in obj === false

含有属性名，但是值为undefined

'xxx' in obj && obj.xxx === undefined

注意`obj.xxx === undefined`

不能断定'xxx'是否为obj的属性

类比

你有没有卫生纸? A:没有//不含属性名 B:有，但是没带//含有属性名，但是值为undefined

如何查看对象的属性

查看自身所有属性

Object.keys(obj)

查看自身+共有属性

console.dir(obj)

或者自己依次用Object.keys打印出obj__proto__

判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString')

两种方法查看属性

中括号语法: obj['key']
点语法: obj.key 请优先使用中括号语法点语法会误导你，让你以为key不是字符串等你确定不会弄混两种语法，再改用点语法

注意

obj.name等价于obj['name']

obj.name不等价于obj[name]

简单来说，obj.name里的name是字符串，而不是变量

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

直接赋值

let obj = {name: 'frank'} // name是字符串
obj.name = 'frank' // name是字符串
obj['name'] = 'frank'
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'})

修改隐藏属性

let obj = Object.create(common)
obj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'jack'
//要改就开始改，中间改会影响性能
//不推荐使用__proto__改
//一般来说，不要修改原型上的属性

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

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

上面两个都返回true，但用法不一样 in不会区分是自身的还是共有属性而hasOwnProperty()方法会区分，只有是自身的才会返回ture

JS 对象基本用法