js 將多個(gè)對(duì)象合并成一個(gè)對(duì)象 assign方法的實(shí)現(xiàn)
1.接下來介紹一下ES6在Object新加的方法 assign()
1.作用：將多個(gè)對(duì)象{} 合并成一個(gè)獨(dú)立對(duì)象。
2.使用方式: Object.assign(合并的對(duì)象，傳入合并中的對(duì)象....)
let user = {name:'無敵人',age:19};
let page = {pageSize:10,currentPage:1};
let newObj = {};
Object.assign(newObj,user,page);
2.首先es6新增了許多新知識(shí)。比如數(shù)組型的：Set、Map，
Set：和傳統(tǒng)es5的數(shù)組Array類似。都是存放數(shù)據(jù)的，最大的特點(diǎn)就是會(huì)自動(dòng)過濾相同的值。
在實(shí)戰(zhàn)開發(fā)經(jīng)常被用到，過濾重復(fù)值。
使用方式：let setList = new Set({...});
let setList = new Set(['星期一','星期二','星期三','星期三']) console.log(setList);
出入結(jié)果是：{"星期一", "星期二", "星期三"}
我們發(fā)現(xiàn)重復(fù)的星期三被過濾掉了。
Map: 在以前我們放出的對(duì)象key都是字符串才可以，這對(duì)我們開發(fā)產(chǎn)生了一些局限性，而map出現(xiàn)，則解決這個(gè)問題，它的key不只局限在意字符串中，還可以對(duì)象，數(shù)組，復(fù)雜類型為key 、而且也是可以顧慮重復(fù)值的 (除非空{(diào)}對(duì)象的key。因?yàn)樗麄儍?nèi)存棧中的地址是不一樣的)
使用方法 ： let mapList = Map({[key,value],[...]...});
//定義昨晚Key的對(duì)象
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 將多個(gè)對(duì)象合并成一個(gè)對(duì)象 assign方法的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)js 多個(gè)對(duì)象合并內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
學(xué)習(xí)javascript面向?qū)ο?javascript實(shí)現(xiàn)繼承的方式
這篇文章主要為大家介紹了javascript實(shí)現(xiàn)繼承的方式，學(xué)習(xí)javascript面向?qū)ο螅信d趣的小伙伴們可以參考一下2016-01-01
html5+canvas實(shí)現(xiàn)支持觸屏的簽名插件教程
jq-signature.js是一個(gè)幫助你創(chuàng)建簽名的jQuery插件，允許你的用戶使用鼠標(biāo)，手指或者鉛筆生成簽名。下面這篇文章主要給大家介紹了利用html5+canvas實(shí)現(xiàn)支持觸屏的簽名插件的相關(guān)資料，需要的朋友可以參考下。2017-05-05
javascript實(shí)現(xiàn)發(fā)送短信倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)發(fā)送短信倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
js 實(shí)現(xiàn)的可折疊留言板(附源碼下載)
留言板想必大家都有見過吧，但是可以折疊的卻不是很多，恰好本文提供一個(gè)比較不錯(cuò)的可折疊留言板，感興趣的朋友可以學(xué)習(xí)下2014-07-07
前端開發(fā)基礎(chǔ)javaScript的六大作用
這篇文章主要介紹了前端開發(fā)基礎(chǔ)javaScript的六大作用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
echartjs實(shí)現(xiàn)cross十星輔助線實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了echartjs實(shí)現(xiàn)cross十星輔助線實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Bootstrap菜單按鈕及導(dǎo)航實(shí)例解析
這篇文章主要介紹了Bootstrap菜單按鈕及導(dǎo)航的相關(guān)資料，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JS隨機(jī)排序數(shù)組實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS隨機(jī)排序數(shù)組實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式對(duì)比分析了javascript針對(duì)數(shù)組進(jìn)行隨機(jī)排序的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
webix+springmvc session超時(shí)跳轉(zhuǎn)登錄頁面
這篇文章主要介紹了webix+springmvc session超時(shí)跳轉(zhuǎn)登錄頁面的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10