【6. 对象】

定义

由于JavaScript万物皆对象，本文仅指object Object

1. 字面量创建对象
const obj = {a: 1}
2. 内置构造函数创建对象
const obj = new Object()

对象内容是键对值，以','分隔，
一元运算符delete可以删除属性,delete obj.a
读取值可使用obj.a和obj[a]，对其属性赋值时存在得到修改，不存在的添加

ps：全局对象的构造函数

Properties of the Object Constructor

常用方法

1. Object.assign(target, source1, source2, source3, ...)
合并对象，改变target对象，也返回target对象
target  目标对象，最终将其他对象合并到target
source  要copy的对象，可传多个

2. Object.entries(obj)
返回值为对象转化的键对值数组
{ a: 1, b: 2 } ———— [ [ 'a', 1 ], [ 'b', 2 ] ]

3. Object.fromEntries(arr)
返回值为根据键值对转化的对象
const arr = [['a', 1], ['b', 2]]
const map = new Map(arr)
Object.fromEntries(map) || Object.fromEntries(arr) ———— { a: 1, b: 2 }

4. Object.keys(obj)
返回值为对象的可枚举属性名组成的数组

5. Object.values(obj)
返回值为对象的可枚举属性值组成的数组

6. Object.defineProperty() 
为一个对象添加或更新属性，vue2的双向数据绑定底层原理
Object.defineProperty(Drag.prototype, 'constructor', {
	// 使constructor不在Drag.prototype(实例.__proto__)的可枚举中
   enumerable: false 
})

7. Object.is(value1: any, value2: any): boolean
	与全等===作用相似，区别在于全等=== 不区分+0和-0 区分两个NaN，

Properties of the Object Prototype Object

常用方法

1. Object.prototype.hasOwnProperty()
返回一个Boolean值，判断是否是OwnProperty
obj.hasOwnProperty('属性名') 不安全，hasOwnProperty可能被修改，
Object.prototype.hasOwnProperty.call(obj, '属性名')， 常用方法

2. Object.prototype.toString() 
返回object的string representation
常用于判断数据类型
Object.prototype.toString.call(obj)   // [object Object]

对象的循环

// for..in循环，基于整个原型链，慎用
for (const k in obj) {
  console.log(obj[k])
}
// 循环可枚举属性名数组
Object.keys(obj).forEach((k) => {
  console.log(obj[k])
})

下一篇 7. Numbers and Dates
上一篇 5. 函数