js 將多個對象合并成一個對象 assign方法的實(shí)現(xiàn)
1.接下來介紹一下ES6在Object新加的方法 assign()
1.作用:將多個對象{} 合并成一個獨(dú)立對象。
2.使用方式: Object.assign(合并的對象,傳入合并中的對象....)
let user = {name:'無敵人',age:19}; let page = {pageSize:10,currentPage:1}; let newObj = {}; Object.assign(newObj,user,page);
2.首先es6新增了許多新知識。比如數(shù)組型的:Set、Map,
Set:和傳統(tǒng)es5的數(shù)組Array類似。都是存放數(shù)據(jù)的,最大的特點(diǎn)就是會自動過濾相同的值。
在實(shí)戰(zhàn)開發(fā)經(jīng)常被用到,過濾重復(fù)值。
使用方式:let setList = new Set({...});
let setList = new Set(['星期一','星期二','星期三','星期三']) console.log(setList);
出入結(jié)果是:{"星期一", "星期二", "星期三"}
我們發(fā)現(xiàn)重復(fù)的星期三被過濾掉了。
Map: 在以前我們放出的對象key都是字符串才可以,這對我們開發(fā)產(chǎn)生了一些局限性,而map出現(xiàn),則解決這個問題,它的key不只局限在意字符串中,還可以對象,數(shù)組,復(fù)雜類型為key 、而且也是可以顧慮重復(fù)值的 (除非空{(diào)}對象的key。因為他們內(nèi)存棧中的地址是不一樣的)
使用方法 : let mapList = Map({[key,value],[...]...});
//定義昨晚Key的對象 let setList = new Set(['星期一','星期二','星期三','星期三']); let user = {'name':'無敵人'}; let item = [1,2,3]; let mapList = new Map([ [setList,'我是value1'], ['name','我是value2'], [user,'我是value3'], [item,'我是value4'] ]); console.log(mapList);
到此這篇關(guān)于js 將多個對象合并成一個對象 assign方法的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)js 多個對象合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript委托(Delegate)blur和focus用法實(shí)例分析
這篇文章主要介紹了javascript委托(Delegate)blur和focus用法,實(shí)例分析了javascript委托的用法及針對常見瀏覽器的使用技巧,需要的朋友可以參考下2015-05-05JavaScript 關(guān)鍵字屏蔽實(shí)現(xiàn)函數(shù)
JavaScript屏蔽關(guān)鍵字,大概的思路就是去用javascript去替換已有的文本,達(dá)到替換的目的2009-08-08js canvas實(shí)現(xiàn)驗證碼并獲取驗證碼功能
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)驗證碼并獲取驗證碼功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標(biāo)右鍵菜單及禁止選擇復(fù)制
這篇文章主要介紹了深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標(biāo)右鍵菜單及禁止選擇復(fù)制,需要的朋友可以參考下2014-06-06關(guān)于在Typescript中做錯誤處理的方式詳解
錯誤處理是軟件工程重要的一部分,如果處理得當(dāng),它可以為你節(jié)省數(shù)小時的調(diào)試和故障排除時間,我發(fā)現(xiàn)了與錯誤處理相關(guān)的三大疑難雜癥:TypeScript的錯誤類型,變量范圍和嵌套,讓我們逐一深入了解它們帶來的撓頭問題,感興趣的朋友可以參考下2023-09-09