声明对象的两种语法
- 第一种是简单写法
let obj = {
'name' : 'xxx',
'age' : 18
}
- 第二种是原始语法
let obj = new Object({
'name' : 'xxx',
'age' : '18'
})
两种语法都可以用,但常用第一种简单写法。
注意
- 对象都是以键值对的形式出现
- 键名是字符串,不是标识符,可以包含任意字符串
- 引号可以省略,省略之后只能按标识符的规则写(数字除外)
- 就算引号省略了,键名也还是字符串
- 当键名有空格,中文等特殊符号是,必须加引号,否则会出错
- 没有数字键名,也没有数字下标,因为浏览器会自动把数字转换成字符串
对象的增删改查
一、删除属性
delete obj.xxx 或 delete obj['xxx']
- 即可删除 obj 的 xxx 属性
- 请区分「属性值为 undefined」和「不含属性名」
判断一个属性是自身的还是共有的
obj.hasOwnProperty('toString')
如何知道一个东西在不在对象里作为属性名?
- 不含属性名:
'xxx' in obj === false - 含有属性名,但是值为
undefined'xxx' in obj && obj.xxx === undefined - 注意
obj.xxx === undefined,不能断定'xxx'是否为obj的属性。
let obj = {}
'xxx' in obj 和 obj.hasOwnProperty的区别
in不会区分属性是自身的还是共有的。
obj.hasOwnProperty('toString') //false,说明obj本身没有toString,是原型的共用属性。
二、查看所有属性
- 查看自身所有属性
Object.keys(obj)可以查所有的key
Object.value(obj)可以查所有的value
Object.entries(obj)可以查所有的key和value
- 查看自身+共有属性
console.dir(obj);
或者自己依次用 Object.keys 打印出 obj.__proto__
查看某一个属性
- 两种方法查看属性
- 中括号语法:
obj['key'] - 点语法:
obj.key坑新人语法:;obj[key]// 这里的key是变量obj.key这里的key是字符串,注意区分。
请优先使用中括号语法,点语法会误导你,让你以为 key 不是字符串,等你确定不会弄混两种语法,再改用点语法。
原型
- 每个对象都有原型 原型里存着对象的共有属性
比如obj 的原型就是一个对象
obj. __ proto__存着这个对象的地址
这个对象里有toString/ constructor / valueOf等属性
- 对象的原型也是对象
所以对象的原型也有原型
obj = {} 的原型即为所有对象的原型
这个原型包含所有对象的共有属性,是对象的根
这个原型也有原型,是null
- 原型与共有属性的关系 原型是对象,包含所有共有属性,或者说共有属性依附于原型这个对象上。
三、修改或增加属性
- 直接赋值
let obj = {name: 'XXX'} // name 是字符串
obj.name = 'XXX' // name 是字符串
obj['name'] = 'XXX'
obj['na'+'me'] = 'XXX'
let key = 'name'; obj[key] = 'XXX'
- 批量赋值
Object.assign(obj, {age: 18, gender: 'man',...})
修改或增加共有属性
- 无法通过自身修改或增加共有属性
let obj = {}, obj2 = {} // 共有 toString
obj.toString = 'xxx' //只会在改 obj 自身属性
obj2.toString //还是在原型上
- 强行修改或增加原型上的属性
obj.__proto__.toString = 'xxx' // 不推荐用 __proto__
Object.prototype.toString = 'xxx'
- 一般来说,不要修改原型,会引起很多问题
修改隐藏属性(原型)
- 使用 __ proto__ ,不推荐
let obj = {name:'XXX'}
let obj2 = {name: 'YYY'}
let common = {kind: 'human'}
obj.__proto__ = common
obj2.__proto__ = common
- 推荐使用 Object.create,ES6新的API
let obj = Object.create(common)
obj.name = 'XXX'
let obj2 = Object.create(common)
obj2.name = 'YYY'
要改就一开始就改,别后来再改。
修改和增加都属于写,查属于读,查的时候会看原型链,写的时候不看对象原型链,只能改或增其自身属性。
所有 "proto" 代码都是强烈不推荐写的