JS对象细节
对象:
定义:无序的数据集合、键值对的集合
对象的key一直、永远都是字符串!键名是字符串!键名是字符串!
示例:写法
|
细节
|
let obj = { 'name': 'frank', 'age': 18 }
|
键名是字符串,不是标识符,可以包含任意字符
|
let obj = new Object({'name': 'frank'})
|
引号可省略,省略之后就只能写标识符
|
console.log({ 'name': 'frank, 'age': 18 })
|
就算引号省略了,键名也还是字符串(重要)
|
所有属性名会自动变成字符串
let obj = {
1: 'a',
3.2: 'b',
1e2: true,
1e-2: true,
.234: true,
0xFF: true
};
结果是:1e2 = 1*10^2
Object.keys(obj)
=> ["1", "100", "255", "3.2", "0.01", "0.234"]
如何用变量做属性名
之前都是用常量做属性名
|
对比
|
let p1 = 'name'
let obj = { p1 : 'frank'} 这样写,属性名为 'p1'
let obj = { [p1] : 'frank' } 这样写,属性名为 'name'
|
不加 [ ] 的属性名会自动变成字符串
加了 [ ] 则会当做变量求值
值如果不是字符串,则会自动变成字符串
|
对象的隐藏属性
隐藏属性
|
代码示例
|
JS 中每一个对象都有一个隐藏属性
这个隐藏属性储存着其共有属性组成的对象的地址
这个共有属性组成的对象叫做原型
也就是说,隐藏属性储存着原型的地址
|
var obj = {}
obj.toString() // 居然不报错
因为 obj 的隐藏属性对应的对象上有 toString()
默认是有共有的原型共有属性toString等等
|
超纲了解:
除了字符串,symbol 也能做属性名
let a = Symbol()
let obj = { [a]: 'Hello' }
这有什么用呢?
目前,没用,很久很久以后会有用。在学习「迭代」时会用到
|
删除属性:
请区分「属性值为 undefined」和「不含属性名」
delete obj.xxx 或 delete obj['xxx'] | 即可删除 obj 的 xxx 属性 |
不含属性名
|
'xxx' in obj === false
xxxx in object in查看是否有某个属性
当查看完是否为obj属性后,通过读取hasown属性来判断是否为自身还是隐藏属性
|
含有属性名,但是值为 undefined | 'xxx' in obj && obj.xxx === undefined |
注意 obj.xxx === undefined:这里注意下 | 不能断定 'xxx' 是否为 obj 的属性 |
不能判定xxx为obj的属性,举例:
var obj ={}
obj中并没有x属性
var obj2={x:undefined}
obj2中x属性为undefined
可是判断结果是相同的,由此判定,不能通过obj.xxx===undefined 判定是否为obj的属性
obj.x === undefined
true
obj2.x === undefined
true
读取属性
Object.keys(obj)
|
可以得到obj的所有key(属性)
|
Object.values(obj)
|
可以得到obj的所有values(赋的值)
|
查看自身+共有属性
或者自己依次用 Object.keys 打印出 obj.__proto__
|
console.dir(obj)
|
判断一个属性是自身的还是共有的
|
obj.hasOwnProperty('toString')
|
两种方法查看属性
中括号语法:obj['key']
|
请优先使用中括号语法
|
点语法: obj.key
|
点语法会误导你,让你以为 key 不是字符串
|
坑新人语法:obj[key] // 变量 key 值一般不为 'key'
|
等你确定不会弄混两种语法,再改用点语法
|
考题:
代码
let list = ['name', 'age', 'gender'] //这是数组,list里面命名了属性名
let person = { name:'frank', age:18, gender:'man'} //键值对
for(let i = 0; i < list.length; i++){
let name = list[i] //对应的name赋予不同的属性名
console.log(person__???__) //选择第二个是对的
}
使得 person 的所有属性被打印出来
选项
console.log(person.name) //这里name的常量属性值,不会变值,只有name一个值
console.log(person[name]) //这里name是变量,可以赋不同的值
修改或增加属性(写属性)
直接赋值
|
|
let obj = {name: 'frank'} // name 是字符串
|
|
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 = {}, obj2 = {} // 共有 toString
|
obj.__proto__.toString = 'xxx' // 不推荐用 __proto__
|
obj.toString = 'xxx' 只会在改 obj 自身属性
|
Object.prototype.toString = 'xxx'
|
obj2.toString 还是在原来对应的原型上
|
一般来说,不要修改原型,会引起很多问题
|
修改隐藏属性
不推荐使用 __proto__
|
推荐使用 Object.create
|
let obj = {name:'frank'}
|
let obj = Object.create(common)
|
let obj2 = {name: 'jack'}
|
obj.name = 'frank'
|
let common = {kind: 'human'}
|
let obj2 = Object.create(common)
|
obj.__proto__ = common
|
obj2.name = 'jack'
|
obj2.__proto__ = common
|
规范大概的意思是,要改就一开始就改,别后来再改
|
总结:
删
delete obj['name']
|
删除属性名
|
'name' in obj // false
|
属性是否在对应对象上
|
obj.hasOwnProperty('name') // false
|
判断该属性时对象自身的还是隐藏的
|
查
Object.keys(obj)
|
查询对象身上的属性
|
Object.values(obj)
|
查询对象身上的属性值
|
console.dir(obj)
|
把obj对象身上所有的属性和属性值按照列表展现出来
|
obj['name']
|
查看obj对象身上属性name对应的值
|
obj.name // 记住这里的 name 是字符串
|
|
obj[name] // 记住这里的 name 是变量
|
|
改----增
基本相同:已有属性则改;没有属性则增。
改自身 | obj['name'] = 'jack' |
批量改自身 | Object.assign(obj, {age:18, ...}) |
改共有属性 | obj.__proto__['toString'] = 'xxx' |
改共有属性 | Object.prototype['toString'] = 'xxx' |
改原型 | obj.__proto__ = common |
改原型 :推荐写法 | let obj = Object.create(common) |