Object 对象
最后更新于：2022-04-02 03:25:00
[TOC]
## 对象操作
### delete obj.属性 删除key值
```
var obj = {
key1: 1,
key2: 2
};
Object.keys(obj);
// ['key1', 'key2']
delete obj.key1
console.log(Object.keys(obj)); //[ 'key' ]
```
### Object.create() 对象的继承
```
var a ={
name:"ad"
};
var b=Object.create(a)
b.name//ad
```
### ... in obj 属性是否存在
```
var a = {boo1:"boo11",boo2:"boo22"};
console.log("boo1" in a); //true
console.log("toString" in a); //true
```
### Obj.hasOwnProperty 判断是否是 此对象自身的属性
```
Object.prototype.boo3 = "boo33"
const Obj = {boo1:"boo11",boo2:"boo22"};
console.log('boo3' in Obj); //true
console.log(Obj.hasOwnProperty("toString" )); //flase
console.log(Obj.hasOwnProperty("boo1")); //true
console.log(Obj.hasOwnProperty("boo3")); //false
```
### for .. in 遍历可遍历的属性
遍历所有可遍历的属性(包括继承的)
```
for (var p in obj) {
console.log(p);
}
```
遍历自身所有可遍历的属性
```
for (var key in person) {
if (person.hasOwnProperty(key)) {
console.log(key);
}
}
```
### set/get的用法
```
var obj = Object.defineProperty({}, 'p', {
get: function () {
return 'getter';
},
set: function (value) {
console.log('setter: ' + value);
}
});
//等价写法(推荐)
var obj = {
_a:"aa",
get p(){
return this.a;
},
set p(v){
console.log(v + "asd");
}
};
```
### Object.getOwnPropertyDescriptor()
可获取属性的描述
```
var obj = { p: 'a' };
Object.getOwnPropertyDescriptor(obj, 'p')
// Object { value: "a",
// writable: true,
// enumerable: true,
// configurable: true
// }
```
不能用于继承的属性
```
var obj = { p: 'a' };
Object.getOwnPropertyDescriptor(obj, 'toString')
// undefined
```
### Object.getOwnPropertyNames() 返回对象自身的属性名(包括不可遍历)
返回一个数组，成员是参数对象本身的所有属性的键名，不包含继承的属性键名
```
Object.getOwnPropertyNames(Math)
[ 'abs',
'acos',
'acosh',
...
];
```
### Object.Key() 返回可遍历属性
```
var a={}
a.name=12;
a.age=13;
Object.keys(a));//[ 'name', 'age' ]
```
### Object.defineProperty() 定义或者修改属性的描述
demo:1
```
var a ={name:"asd"}
var obj = Object.defineProperty(Object,'age',{
value:"123",
writable:false,
enumerable:true,
configurable:false,
})
obj.age //123
obj.age="1233" //在严格模式下报错
obj.age =123
```
demo:2
设置 set,get 的属性与外部修改的值不可为同一个
```
var book={
year:4,
_year : 2004,
editNum:0, //修改次数
};
Object.defineProperty(book,"year",{
get: function(){
return this._year ;
},
set : function(newValue){
console.log("edit ...");
this._year = 2000+newValue;
this.editNum++;
}
});
console.log(book.year);//2004
book.year =6;
console.log(book.year );//2006
console.log(book.editNum );//2
```
对象的属性有几个描述性元素
- `value` 该属性的属性值 默认为 `undefined`
- `writable` 表示属性值（`value`）是否可改变（即是否可写），默认为`true`
- `enumerable` 是否可以遍历,默认`true`
- `configurable` 默认为true。如果设为false，将阻止某些操作改写该属性，比如无法删除该属性(value属性除外）。也就是说，configurable属性控制了属性描述对象的可写性
- `get` 一个函数，表示该属性的取值函数（getter），默认为undefined
- `set` 一个函数，表示该属性的存值函数（setter），默认为undefined
### Object.defineProperties defineProperty 可操作多个属性
```
var obj = Object.defineProperties({}, {
p1: { value: 123, enumerable: true },
p2: { value: 'abc', enumerable: true },
p3: { get: function () { return this.p1 + this.p2 },
enumerable:true,
configurable:true
}
});
obj.p1 // 123
obj.p2 // "abc"
obj.p3 // "123abc"
```
#### 技巧 json .stringify() 会排除`enumerable`为`false`的属性
```
var a ={
name:"ad",
age:123
};
Object.defineProperty(a,'name',{
enumerable:false,
});
console.log(JSON.stringify(a));//{"age":123}
```
### Object.preventExtensions() 使对象无法获取新的属性
### Object.isExtensible() 判断是否可扩展
```
var obj =new Object();
Object.preventExtensions(obj);
obj.p=1;//TOypeError: Cannot add property p, object is not extensible
Object.defineProperty(obj,'p',{ //报同上的错误
value:1
});
Object.isExtensible(obj) /false
```
> 可删除已有属性
### Object.seal() 不可添加,也不可删除属性
```
var obj =new Object();
obj.p=1
Object.seal(obj)
obj.a=1 //TypeError: Cannot add property a, object is not extensible
delete obj.p //TypeError: Cannot delete property 'p' of #
';