對象是一個(gè)容器,封裝了屬性(property)和方法(method)
javascript語言中的對象可以分為三種類型:
用戶定義對象:由程序員自行創(chuàng)建的對象;
內(nèi)建對象:內(nèi)建在JavaScript語言里面的對象,比如Array、Math等;
宿主對象:瀏覽器提供的對象(Bom)
方法
delete刪除對象屬性
hasOwnProperty:是否含有某個(gè)屬性判斷,返回boolean。(只能判斷自己,不能判斷原型鏈上的屬性,原型鏈以及自己的檢測可以用in)
let arr=[1,2]
console.log(arr.hasOwnProperty('concat'))//false
console.log('concat' in arr)//true
setPrototypeOf
defineProperty在一個(gè)對象上定義一個(gè)新屬性,或者修改一個(gè)對象的現(xiàn)有屬性,并返回此對象
value:該屬性對應(yīng)的值。可以是任何有效的 JavaScript 值(數(shù)值,對象,函數(shù)等)
writable:當(dāng)且僅當(dāng)該屬性的 writable 鍵值為 true時(shí),屬性的值,也就是上面的value,才能被賦值運(yùn)算符改變。默認(rèn)為 false
enumerable:當(dāng)且僅當(dāng)該屬性的 enumerable 鍵值為 true 時(shí),該屬性才會出現(xiàn)在對象的枚舉屬性中。默認(rèn)為 false
configurable:當(dāng)且僅當(dāng)該屬性的 configurable 鍵值為 true 時(shí),該屬性的描述符才能夠被改變,同時(shí)該屬性也能從對應(yīng)的對象上被刪除。默認(rèn)為 false
let cissy={
age:18
}
Object.defineProperty(cissy,'gender',{
value:'female',
// writable:false,
// enumerable:true,
// configurable:true
})
console.log(cissy)
console.log(Object.keys(cissy))
preventExtensions 讓對象永遠(yuǎn)不能再添加新的屬性
const object1 = {};
Object.preventExtensions(object1);
seal方法封閉一個(gè)對象,阻止添加新屬性并將所有現(xiàn)有屬性標(biāo)記為不可配置。當(dāng)前屬性的值只要原來是可寫的就可以改變
Object.seal(obj)
freeze 方法可以凍結(jié)一個(gè)對象。一個(gè)被凍結(jié)的對象再也不能被修改;凍結(jié)了一個(gè)對象則不能向這個(gè)對象添加新的屬性,不能刪除已有屬性,不能修改該對象已有屬性的可枚舉性、可配置性、可寫性,以及不能修改已有屬性的值。此外,凍結(jié)一個(gè)對象后該對象的原型也不能被修改。freeze() 返回和傳入的參數(shù)相同的對象。
Object.freeze(obj)
isFrozen issealed isExtensible判斷對象是否被凍結(jié),是否被封閉,是否可擴(kuò)展,返回boolean
Object.isExtensible(obj)//true false
assign
for...in循環(huán)
Object.keys(obj)
obj:要返回其所有自身屬性的對象
返回值:一個(gè)字符串?dāng)?shù)組
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']
可用于數(shù)組去重哦
Object.values(obj)
Object.entries()方法返回一個(gè)給定對象自身可枚舉屬性的鍵值對數(shù)組
const object1 = {
a: 'somestring',
b: 42
};
Object.entries(object1)//[['a','b'],['somestring',42]]
for (const [key, value] of Object.entries(object1)) {
console.log(`${key}: ${value}`);
}
Object.defineProperty()方法會直接在一個(gè)對象上定義一個(gè)新屬性,或者修改一個(gè)對象的現(xiàn)有屬性,并返回此對象
對象的淺拷貝
1.Object.assign()
var a={...}
var b=Object.assign({},a)
2.展開運(yùn)算符···
var b={...a}
3.for...in
for(let key in a){
b[key]=a[key]
}
對象的深拷貝
1.遞歸函數(shù)
function copyObj(object){
let res={}
for(let key in object){
res[key]=typeof object[key] ==="object" && object[key] instanceof Object?copyObj(object[key]):object[key]//instanceof的作用在于判斷是否為null
}
return res
}
//優(yōu)化使之?dāng)?shù)組也可以
function copyObj(object){
let res=object instanceof Array?[]:{}
for(let [key,value] of Object.entries(object)){
res[key]=typeof value ==="object" && value instanceof Object?copyObj(value):value
}
return res
}
2.json方法
let a={
age:1,
jobs:{
first:'doctor'
}
}
let b=JSON.parse(JSON.stringify(a))
對象的解構(gòu)賦值:
let a={name:"jucy"}
let b={name:"cissy",age:18}
let b={...b,...a}//{name:"jucy",age:18}