Object

對象是一個(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}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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

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