JS对象的基本用法之增删改查

概念理解

对象的定义：

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

写法：

let obj = {\'name\':\'bubu_sourire\',\'age\':18}

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

console.log({\'name\':\'bubu_sourire\',\'age\':18})

注意：

键是字符串，不是标识符，键中可以包含任意字符
键的引号可以省略，省略之后只能写标识符，但即便省略引号，键也依旧是字符串。

关于属性名（key/property）和属性值（value）

每个key都是对象的属性名
每个value都是对象的属性值

属性名示例：

let obj = {
    1:\'a\',
    3.2:\'b\',
    1e2:true,
    1e-2:true,
    .234:true,
    0xFF:true    
}

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

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

变量做属性名与常量做属性名：

let per = \'name\'

let obj1 = {per:\'bubu_sourire\'} //此处属性名是 "per"

let obj2 = {[per]:\'bubu_sourire\'} //此处属性名是 "name"

注意：

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

对象的隐藏属性

公用属性与原型链

对象属性的增删改查

删除属性

删除obj的xxx属性

delete obj.xxx

delete obj.[\'xxx\']

不含属性名

\'xxx\' in obj === false

含有属性名，但是指为undefined

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

注意：

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

查看属性

两种方法查看属性

obj.key //点语法

obj.[\'key\'] //中括号语法


obj.[key] //这个是获取对象的变量key值，区别这种语法（！！！易踩坑，请慎重！！！）

注意：

obj.name 等价于 obj.[\'name\']（字符串）；
obj.name 不等价于 obj.[name]（变量值）；
这里的name是字符串，不是变量。
let name = \'bubu_sourire\' => obj.[name] 等价于 obj.[\'frank\']

对比示例

person.name

person[name]

查看自身所有属性

Object.keys(obj)

查看自身及共有属性

console.dir(obj)

或依次用Object.keys打印出obj.__proto__

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

let obj = {\'aaa\':111}

obj.hasOwnProperty(\'aaa\') //true
obj.hasOwnProperty(\'toString\')  //false

修改或增加属性

直接赋值

let obj = {name:\'aaa\'} //name是字符串
obj.name = \'bbb\' //name是字符串
obj[\'name\'] = \'ccc\'
obj[\'na\'+\'me\'] = \'ddd\'

obj[name] = \'eee\' //!!错误!! name值不确定


let key = \'name\'
obj.[key] = \'ddd\' //等价于 obj[\'name\']

obj.key = \'ddd\' //!!错误!! 此处的obj.key等价于 obj.[\'key\']

批量赋值

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

修改或增加共有属性

无法通过自身修改或增加共有属性，改也只是改自身的属性

可以使用 obj.__proto__.toString = \'xxx\' 修改共有属性，但是不推荐

推荐使用Object.create

let obj = Object.create(common)

let obj = Object.create(common,{key1:{value:\'value1\'},key2:{value:\'value2\'}})