JS 对象基本用法

 

1）对象定义

无序的数据集合

键值对的集合

2）写法

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

let obj = new 0bject ({‘name': 'frank ‘})

console.log(l 'name':'frank, 'age': 18 })

3）细节

键名是字符串，不是标识符，可以包含任意字符引号可省略，省略之后就只能写标识符

就算引号省略了，键名也还是字符串(重要)

4)奇怪的属性名

所有属性名会自动变成字符串

let obj ={

1: 'a

3.2: 'b，

le2: true,

  le-2: true,

.234:true,

  OxFF: true

}

  Object.keys(obj)

=> ["1", "100", "255", "3.2", "0.01", "0.234"]

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

5)变量作属性名

<1>如何用变量做属性名

之前都是用常量做属性名

let pl = 'name’

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

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

<2>不加 []的属性名会自动变成字符串

加了 []则会当做变量求值

值如果不是字符串，则会自动变成字符串

6)对象的隐藏属性

<1>隐藏属性

  JS 中每一个对象都有一个隐藏属性

这个隐藏属性储存着其共有属性组成的对象的地址

这个公有属性组成的对象叫做原型

<2>示例

var obj=t

  obj.toString() //不报错，因为 obj的隐藏属性对应的对象上有 toString()

7)删除属性

  delete obj.xxx 或 delete obj['xxx']

区分「属性值为 undefined」和「不含属性名」

<1>不含属性名

'xxx' in obj =-= false

<2>含有属性名，但是值为 undefined

'xxx' in obj && obj.xxx === undefined

ps:obj.xxx === undefined不能断定 'xxx' 是否为 obj 的属性

8)查看所有属性(读属性)

<1>查看自身所有属性

Object.keys(obj)

<2>查看自身+共有属性

console.dir(obi)

用 Object.keys 打印出 obj._proto_

<3>判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString')

9)原型

<1>每个对象都有原型

原型里存着对象的共有属性

obj 的原型就是一个对象

  obj.__proto__存着这个对象的地址

这个对象里有 toString/constructor/valueOf 等属性

<2>对象的原型也是对象

对象的原型也有原型

  obj={}的原型即为所有对象的原型

这个原型包含所有对象的共有属性，是对象的根

这个原型也有原型，是null

10)修改或增加属性(写属性)

<1>直接赋值

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

obj.name = 'frank’// name 是字符串

obj['name'] = 'frank'

  obj[name]irank’// 错，因 name 值不确定

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

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

let key = 'name'; obj.key=“frank' // 错

因为 obj.key 等价于 obj[ 'key' ]

<2>批量赋值

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

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

let obj = , obj2 =t // 共有 toString

obj.toString='xxx' 只会在改 obj 自身属性

obj2.toString 还是在原型上

11)修改隐藏属性

<1>不推荐使用___proto__

let obj = {name:'frank'}

let obj2 = {name: 'jack’}

let common = {kind: 'human’}

obj.__proto__ = common

obj2.__proto__ = common

12)推荐使用 Object.create

let obj = Object.create( common)

obj.name = 'frank'

let obj2 = Object.create( common)

obj2.name = 'jack'

要改就一开始就改，别后来再改