js 將多個(gè)對象合并成一個(gè)對象 assign方法的實(shí)現(xiàn)
1.接下來介紹一下ES6在Object新加的方法 assign()
1.作用:將多個(gè)對象{} 合并成一個(gè)獨(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)就是會自動(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: 在以前我們放出的對象key都是字符串才可以,這對我們開發(fā)產(chǎn)生了一些局限性,而map出現(xiàn),則解決這個(gè)問題,它的key不只局限在意字符串中,還可以對象,數(shù)組,復(fù)雜類型為key 、而且也是可以顧慮重復(fù)值的 (除非空{(diào)}對象的key。因?yàn)樗麄儍?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 將多個(gè)對象合并成一個(gè)對象 assign方法的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)js 多個(gè)對象合并內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. python中文本字符處理的簡單方法記錄2. 使用Blazor框架實(shí)現(xiàn)在前端瀏覽器中導(dǎo)入和導(dǎo)出Excel3. 如何從Python的cmd中獲得.py文件參數(shù)4. ASP基礎(chǔ)知識Command對象講解5. vscode運(yùn)行php報(bào)錯(cuò)php?not?found解決辦法6. Python-openpyxl表格讀取寫入的案例詳解7. Python使用Selenium自動(dòng)進(jìn)行百度搜索的實(shí)現(xiàn)8. JavaScript實(shí)現(xiàn)留言板實(shí)戰(zhàn)案例9. PHP laravel實(shí)現(xiàn)導(dǎo)出PDF功能10. JS中6個(gè)對象數(shù)組去重的方法

網(wǎng)公網(wǎng)安備