js 將多個對象合并成一個對象 assign方法的實現(xiàn)
1.接下來介紹一下ES6在Object新加的方法 assign()
1.作用：將多個對象{} 合并成一個獨立對象。
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ù)的，最大的特點就是會自動過濾相同的值。
在實戰(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方法的實現(xiàn)的文章就介紹到這了,更多相關(guān)js 多個對象合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
學(xué)習(xí)javascript面向?qū)ο?javascript實現(xiàn)繼承的方式
這篇文章主要為大家介紹了javascript實現(xiàn)繼承的方式，學(xué)習(xí)javascript面向?qū)ο螅信d趣的小伙伴們可以參考一下2016-01-01
html5+canvas實現(xiàn)支持觸屏的簽名插件教程
jq-signature.js是一個幫助你創(chuàng)建簽名的jQuery插件，允許你的用戶使用鼠標(biāo)，手指或者鉛筆生成簽名。下面這篇文章主要給大家介紹了利用html5+canvas實現(xiàn)支持觸屏的簽名插件的相關(guān)資料，需要的朋友可以參考下。2017-05-05
這篇文章主要為大家詳細介紹了javascript實現(xiàn)發(fā)送短信倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
留言板想必大家都有見過吧，但是可以折疊的卻不是很多，恰好本文提供一個比較不錯的可折疊留言板，感興趣的朋友可以學(xué)習(xí)下2014-07-07
前端開發(fā)基礎(chǔ)javaScript的六大作用
這篇文章主要介紹了前端開發(fā)基礎(chǔ)javaScript的六大作用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
echartjs實現(xiàn)cross十星輔助線實現(xiàn)示例詳解
這篇文章主要為大家介紹了echartjs實現(xiàn)cross十星輔助線實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要介紹了Bootstrap菜單按鈕及導(dǎo)航的相關(guān)資料，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了JS隨機排序數(shù)組實現(xiàn)方法,結(jié)合具體實例形式對比分析了javascript針對數(shù)組進行隨機排序的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
webix+springmvc session超時跳轉(zhuǎn)登錄頁面
這篇文章主要介紹了webix+springmvc session超時跳轉(zhuǎn)登錄頁面的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10