Object

對(duì)象是一個(gè)容器,封裝了屬性(property)和方法(method)

javascript語(yǔ)言中的對(duì)象可以分為三種類型:
用戶定義對(duì)象:由程序員自行創(chuàng)建的對(duì)象;
內(nèi)建對(duì)象:內(nèi)建在JavaScript語(yǔ)言里面的對(duì)象,比如Array、Math等;
宿主對(duì)象:瀏覽器提供的對(duì)象(Bom)

方法

delete刪除對(duì)象屬性
hasOwnProperty:是否含有某個(gè)屬性判斷,返回boolean。(只能判斷自己,不能判斷原型鏈上的屬性,原型鏈以及自己的檢測(cè)可以用in

let arr=[1,2]
console.log(arr.hasOwnProperty('concat'))//false
console.log('concat' in arr)//true

setPrototypeOf

defineProperty在一個(gè)對(duì)象上定義一個(gè)新屬性,或者修改一個(gè)對(duì)象的現(xiàn)有屬性,并返回此對(duì)象
value:該屬性對(duì)應(yīng)的值。可以是任何有效的 JavaScript 值(數(shù)值,對(duì)象,函數(shù)等)
writable:當(dāng)且僅當(dāng)該屬性的 writable 鍵值為 true時(shí),屬性的值,也就是上面的value,才能被賦值運(yùn)算符改變。默認(rèn)為 false
enumerable:當(dāng)且僅當(dāng)該屬性的 enumerable 鍵值為 true 時(shí),該屬性才會(huì)出現(xiàn)在對(duì)象的枚舉屬性中。默認(rèn)為 false
configurable:當(dāng)且僅當(dāng)該屬性的 configurable 鍵值為 true 時(shí),該屬性的描述符才能夠被改變,同時(shí)該屬性也能從對(duì)應(yīng)的對(duì)象上被刪除。默認(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 讓對(duì)象永遠(yuǎn)不能再添加新的屬性

const object1 = {};
Object.preventExtensions(object1);

seal方法封閉一個(gè)對(duì)象,阻止添加新屬性并將所有現(xiàn)有屬性標(biāo)記為不可配置。當(dāng)前屬性的值只要原來(lái)是可寫的就可以改變

Object.seal(obj)

freeze 方法可以凍結(jié)一個(gè)對(duì)象。一個(gè)被凍結(jié)的對(duì)象再也不能被修改;凍結(jié)了一個(gè)對(duì)象則不能向這個(gè)對(duì)象添加新的屬性,不能刪除已有屬性,不能修改該對(duì)象已有屬性的可枚舉性、可配置性、可寫性,以及不能修改已有屬性的值。此外,凍結(jié)一個(gè)對(duì)象后該對(duì)象的原型也不能被修改。freeze() 返回和傳入的參數(shù)相同的對(duì)象。

Object.freeze(obj)

isFrozen issealed isExtensible判斷對(duì)象是否被凍結(jié),是否被封閉,是否可擴(kuò)展,返回boolean

Object.isExtensible(obj)//true false

assign
for...in循環(huán)
Object.keys(obj)
obj:要返回其所有自身屬性的對(duì)象
返回值:一個(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è)給定對(duì)象自身可枚舉屬性的鍵值對(duì)數(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()方法會(huì)直接在一個(gè)對(duì)象上定義一個(gè)新屬性,或者修改一個(gè)對(duì)象的現(xiàn)有屬性,并返回此對(duì)象
對(duì)象的淺拷貝
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]
}

對(duì)象的深拷貝
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))

對(duì)象的解構(gòu)賦值:

let a={name:"jucy"}
let b={name:"cissy",age:18}
let b={...b,...a}//{name:"jucy",age:18}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 從昨天來(lái)姨媽開始心情就開始特別悲傷…… 以前從沒(méi)有這樣過(guò),我就是很不開心,沒(méi)有為什么。 走路上就想板著臉,也不想說(shuō)話。
    顧盼生輝小橘子閱讀 217評(píng)論 0 0
  • 2017年1月6日群資料整理目錄 出彩分享一:希坦情緒密碼六十秒分享——1.4 出彩分享二:希坦情緒密碼六十秒分享...
    麗的自白書閱讀 488評(píng)論 0 0
  • 9月報(bào)名參加了Angie的時(shí)間管理訓(xùn)練營(yíng) 在那認(rèn)識(shí)了Howie,一位遠(yuǎn)在天津的小伙伴 因?yàn)槲液苌贂?huì)去關(guān)注群里的消息...
    麥城閱讀 1,050評(píng)論 1 6
  • 預(yù)安裝:yum install libaioyum -y install perl perl-devel mysq...
    羽霖z閱讀 1,132評(píng)論 0 2

友情鏈接更多精彩內(nèi)容