這篇文章主要介紹了es6中object新增了什么方法的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇es6中object新增了什么方法文章都會(huì)有所收獲,下面我們一起來(lái)看看吧。
創(chuàng)新互聯(lián)建站主營(yíng)威遠(yuǎn)網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App制作,威遠(yuǎn)h5小程序制作搭建,威遠(yuǎn)網(wǎng)站營(yíng)銷推廣歡迎威遠(yuǎn)等地區(qū)企業(yè)咨詢
es6中的object方法:1、“Object.is()”,用來(lái)比較兩個(gè)值是否嚴(yán)格相等,與嚴(yán)格比較運(yùn)算符“=== ”的行為基本一致;2、“Object.assign()”,用于對(duì)象的合并;3、“Object.keys()”,遍歷對(duì)象,獲取全部鍵名;4、“Object.keys()”,遍歷對(duì)象,獲取全部鍵值;5、“Object.entries()”,遍歷對(duì)象,獲取全部值對(duì)。
ES6中Object新增方法
Object.is()
Object.is()它用來(lái)比較兩個(gè)值是否嚴(yán)格相等,與嚴(yán)格比較運(yùn)算符( === )的行為基本一致,是在三等號(hào)判斷的基礎(chǔ)上新增了兩個(gè)不同之處。
Object.is()不同之處只有兩個(gè):一是+0不等于-0
,二是NaN等于自身
。
語(yǔ)法:Object.is(value1, value2);
傳入兩個(gè)要比較的值,判斷是否相同,全等的話返回true,不全等返回false。
三等號(hào)既要判斷值的類型是否相等,還要判斷引用地址是否相等。所以O(shè)bject.is()也是,在判斷對(duì)象和數(shù)組這些引用類型的數(shù)據(jù)是不相等的。
Object.assign()
Object.assign()方法用于對(duì)象的合并,將源對(duì)象( source )的所有可枚舉屬性,復(fù)制到目標(biāo)對(duì)象( target )。
注意:
這里是淺拷貝
!!
如果目標(biāo)對(duì)象與源對(duì)象有同名屬性,或多個(gè)源對(duì)象有同名屬性,則后面的屬性會(huì)覆蓋
前面的屬性??!
let obj1 = {a:{b:1},b:22};
let obj2 = Object.assign({b:11},obj1);
console.log(obj2); // {b:22,a:{b:1}}
//修改obj1的屬性值
obj1.a.b = 2;
//這時(shí)會(huì)影響到obj2的屬性值,這就是淺拷貝導(dǎo)致的
console.log(obj2.a.b); // 2
Object.keys()、Object.values()、Object.entries()
Object.keys()
方法,返回一個(gè)數(shù)組,成員是參數(shù)對(duì)象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵名
數(shù)組。
Object.values()
方法返回一個(gè)數(shù)組,成員是參數(shù)對(duì)象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵值
數(shù)組。
Object.entries()
方法返回一個(gè)數(shù)組,成員是參數(shù)對(duì)象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵值對(duì)
數(shù)組。
let obj = {name:"winne",age:22};
let objKeys = Object.keys(obj);
let objValues = Object.values(obj);
let objItem = Object.entries(obj);
console.log(objKeys); //["name","age"]
console.log(objValues); //["winne",22]
console.log(objItem); //[["name","winne"],["age",22]]
取出了想要的部分,我們就可以遍歷數(shù)組取得每一項(xiàng)了。
//for..of遍歷
for( let key of objKeys){
console.log(key)
}
//name
//age
//forEach遍歷
objKeys.forEach(function(item,index){
console.log(item,index);
})
//name 0
//age 1
關(guān)于“es6中object新增了什么方法”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對(duì)“es6中object新增了什么方法”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁(yè)題目:es6中object新增了什么方法
分享地址:http://muchs.cn/article6/gjssog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、網(wǎng)站收錄、網(wǎng)站營(yíng)銷、微信公眾號(hào)、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)