JS 对象基本用法一、对象对象就是一组无序数据的集合，也可以说是键值对的集合。声明对象的两种语法：细节：键名是字

一、对象

对象就是一组无序数据的集合，也可以说是键值对的集合。

声明对象的两种语法：

\\简单写法
let obj = { 'name': 'frank', 'age': 18 }

\\完整写法
let obj = new Object({'name': 'frank'})

\\匿名对象写法
console.log({ 'name': 'frank, 'age': 18 })

细节：

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

二、属性

每个 key 都是对象的属性名（property）。

所有属性名会自动变成字符串，如下举例。

let obj = {
  1: 'a',
  3.2: 'b',
  1e2: true,
  1e-2: true,
  .234: true,
  0xFF: true
};
Object.keys(obj)

//["1", "100", "255", "3.2", "0.01", "0.234"]

Object.keys(obj) 可以得到 obj 的所有 key。

变量作属性名需要加[ ]，不加 [ ] 的属性名会自动变成字符串，加了[ ] 则会当做变量求值，值如果不是字符串，则会自动变成字符串。

let p1 = 'name'

let obj = { p1 : 'frank'} 
//这样写，属性名为 'p1'

let obj = { [p1] : 'frank' } 
//这样写，属性名为 'name'

JS 中每一个对象都有一个隐藏属性，这个隐藏属性储存着其共有属性组成的对象的地址，这个共有属性组成的对象叫做原型，也就是说，隐藏属性储存着原型的地址。代码示例如下。

var obj = {}
obj.toString() 
// 不会报错
//因为 obj 的隐藏属性(_prototype_)对应的对象上有 toString()

三、删除属性

delete obj.xxx或者delete obj['xxx']即可删除obj的xxx属性。

'xxx' in obj 可判断obj中是否含有xxx属性，返回true则有，false则无。

注意： obj.xxx === undefined不能断定 'xxx' 是否为obj的属性，反证如下。

let obj1 = {}
let obj2 = {'xxx': undefined}

obj1.xxx
//undefined
obj2.xxx
//undefined

四、查看属性（读属性）

查看自身所有属性：Object.keys(obj)。

查看自身+共有属性：console.dir(obj)。

判断一个属性是自身的还是共有的：obj.hasOwnProperty('toString')。

两种语法查看单个属性：

中括号语法：obj['key'] （优先使用，避免误以为key不是字符串）
点语法：obj.key

原型：

每个对象都有原型，原型里存着对象的共有属性；比如 obj的原型就是一个对象，obj.__proto__存着这个对象的地址，这个对象里有toString / constructor / valueOf等属性。

对象的原型也是对象，所以对象的原型也有原型。obj = {}的原型即为所有对象的原型，这个原型包含所有对象的共有属性，是对象的根。这个原型也有原型，是 null。

五、修改或增加属性

直接赋值：

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

obj['na'+'me'] = 'frank'

let key = 'name'; 
obj[key] = 'frank'

批量赋值：

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

无法通过自身修改或增加共有属性

let obj = {}, obj2 = {} // 共有 toString
obj.toString = 'xxx' //会在改 obj 自身属性
obj2.toString //还是在原型上

修改隐藏属性： 推荐使用 Object.create

let obj = Object.create(common)
obj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'jack'

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

都是两种查看属性是不是在对象里的方法。

前者自身属性和共有属性都返回true，后者仅仅是自身属性才返回true。

七、总结

1、删

delete obj.xxx
delete obj['name']
'name' in obj //判断是否含该属性
obj.hasOwnProperty('name') //判断一个属性是自身的还是共有的

2、查

Object.keys(obj) //查看自身所有属性
console.dir(obj) //查看自身+共有属性
obj['name']
obj.name // 记住这里的 name 是字符串
obj[name] // 记住这里的 name 是变量

3、改

person.name = 'frank' //改自身
obj['name'] = 'jack' //改自身
Object.assign(obj, {age:18, ...}) //批量改自身
Object.prototype['toString'] = 'xxx' //改共有属性
let obj = Object.create(common) //改原型

4、增

基本同上：已有属性则改；没有属性则增。

JS 对象基本用法