JS 对象基本用法

1、对象

1）定义：

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

2）创建对象的两种方式

a）字面量创建 

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

b）内置构造函数创建

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

注意：

• 键名是字符串，不是标识符，可以包含任意字符（空字符串也可以）
• 引号可以省略，省略之后就只能写标识符（字母、数字、下划线_、美元符号$）
• 就算引号省略了，键名也还是字符串

3）JS中一些奇怪的属性名（所有属性名会自动变成字符串）

 4）变量做属性名

例子：

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

之前都是用常量做属性名

对比：

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

5）对象的隐藏属性

隐藏属性：

• JS中每一个对象都会有一个隐藏属性
• 这个隐藏属性存储着其共有属性组成的对象的地址
• 这个共有属性组成的对象叫做原型
• 也就是说，隐藏属性存储着原型的地址

代码示例：

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

除了字符串，symbol也能做属性名

let a = Symbol()
let obj = {[a]:'Hello'}

2、如何删除对象的属性

1）删除属性（属性名+属性值）

delete obj.xxx
delete obj['xxx']

2)删除属性值

obj.xxx = undefined

（obj.xxx=undefined删除的是xxx的属性值，这个属性名还是存在的）

区分属性值为undefined和不含属性名：

• 不含属性名：'xxx' in obj === false
• 含有属性名，但值为undefined：'xxx' in obj && obj.xxx === undefined

注意：obj.xxx === undefined不能断定'xxx'是否为obj的属性

3、如何查看对象的属性

1）查看自身所有属性名 

Object.keys(obj)

2）查看自身所有属性值

Object.values(obj)

3）查看自身所有属性名+属性值

Object.entries(obj)

4）查看自身+共有属性

console.dir(obj)
或者自己依次用Object.keys打印出obj.__proto__(不推荐)

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

obj.hasOwnProperty('toString')

6）两种方法查看属性

obj['key']  //中括号语法
obj.key //点语法
坑新人语法：obj[key] //这里的key为变量。变量key值一般不为'key'

注意：

• obj.name等价于obj['name']，obj.name不等价于obj[name]，简单来说，这里的name是字符串，不是变量。
• let name = 'frank'  obj[name]等价于obj['frank']，而不是obj['name']和obj.name

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

1）直接赋值

obj.属性名=属性值
obj['属性名']=属性值

举例：

正确例子：

1) let obj = {name:'frank'}  //name是字符串
2) let.name = 'frank' //name是字符串
3) obj['name'] = 'frank'
4) obj['na'+'me'] = 'frank'
5) let key = 'name';   obj[key] = 'frank';

错误例子：

1) obj[name] = 'frank'  //错，因为name值不确定
2) let key = 'name'; obj.key = 'frank'  //错，因为obj.key等价于obj['key']  

2）批量赋值

Object.assign(obj,{属性名：属性值，属性名：属性值....})

举例：

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

3）修改或增加共有属性

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

 如果一定要修改或增加原型上的属性

obj.__proto__.toString='xxx'  //不推荐使用__proto__
Object.prototype.toString='xxx'

 

 

4）修改隐藏属性

• 不推荐使用__proto__

let obj = {name:'frank'}
let obj2 = {name:'Jack'}
let common = {kind:'human'}
obj.__proto__ = common
obj2.__proto__ = common

• 推荐使用Object.create

let common = {number:3}
let obj = Object.create(common)
obj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'Jack'

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

obj.hasOwnProperty('toString')  //查看这个属性是否是共有属性
'toString' in obj   //不会区分是自身属性还是共有属性