欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js 將多個對象合并成一個對象 assign方法的實現(xiàn)

 更新時間:2020年09月24日 10:27:08   作者:qq_41387882  
這篇文章主要介紹了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)常被用到,過濾重復值。

 使用方式:let setList = new Set({...});

let setList = new Set(['星期一','星期二','星期三','星期三'])
console.log(setList);

出入結果是:{"星期一", "星期二", "星期三"}

我們發(fā)現(xiàn)重復的星期三被過濾掉了。

Map: 在以前我們放出的對象key都是字符串才可以,這對我們開發(fā)產(chǎn)生了一些局限性,而map出現(xiàn),則解決這個問題,它的key不只局限在意字符串中,還可以對象,數(shù)組,復雜類型為key 、而且也是可以顧慮重復值的 (除非空{}對象的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);

到此這篇關于js 將多個對象合并成一個對象 assign方法的實現(xiàn)的文章就介紹到這了,更多相關js 多個對象合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 微信小程序自定義膠囊樣式

    微信小程序自定義膠囊樣式

    這篇文章主要為大家詳細介紹了微信小程序自定義膠囊樣式,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • JS閉包原理與應用經(jīng)典示例

    JS閉包原理與應用經(jīng)典示例

    這篇文章主要介紹了JS閉包原理與應用,結合實例形式較為詳細的分析了javascript閉包的原理、應用及相關操作注意事項,需要的朋友可以參考下
    2018-12-12
  • javascript委托(Delegate)blur和focus用法實例分析

    javascript委托(Delegate)blur和focus用法實例分析

    這篇文章主要介紹了javascript委托(Delegate)blur和focus用法,實例分析了javascript委托的用法及針對常見瀏覽器的使用技巧,需要的朋友可以參考下
    2015-05-05
  • Webpack性能優(yōu)化 DLL 用法詳解

    Webpack性能優(yōu)化 DLL 用法詳解

    本篇文章主要介紹了Webpack DLL 用法詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • JavaScript 關鍵字屏蔽實現(xiàn)函數(shù)

    JavaScript 關鍵字屏蔽實現(xiàn)函數(shù)

    JavaScript屏蔽關鍵字,大概的思路就是去用javascript去替換已有的文本,達到替換的目的
    2009-08-08
  • js canvas實現(xiàn)驗證碼并獲取驗證碼功能

    js canvas實現(xiàn)驗證碼并獲取驗證碼功能

    這篇文章主要為大家詳細介紹了js canvas實現(xiàn)驗證碼并獲取驗證碼功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 解讀ES6中class關鍵字

    解讀ES6中class關鍵字

    這篇文章主要介紹了ES6中class關鍵字,class是es6引入的最重要特性之一。本文通過實例代碼給大家詳解,需要的朋友可以參考下
    2017-11-11
  • 深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標右鍵菜單及禁止選擇復制

    深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標右鍵菜單及禁止選擇復制

    這篇文章主要介紹了深入探討JavaScript、JQuery屏蔽網(wǎng)頁鼠標右鍵菜單及禁止選擇復制,需要的朋友可以參考下
    2014-06-06
  • js HTML5 Canvas繪制轉盤抽獎

    js HTML5 Canvas繪制轉盤抽獎

    這篇文章主要為大家詳細介紹了js HTML5 Canvas繪制轉盤抽獎,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 關于在Typescript中做錯誤處理的方式詳解

    關于在Typescript中做錯誤處理的方式詳解

    錯誤處理是軟件工程重要的一部分,如果處理得當,它可以為你節(jié)省數(shù)小時的調試和故障排除時間,我發(fā)現(xiàn)了與錯誤處理相關的三大疑難雜癥:TypeScript的錯誤類型,變量范圍和嵌套,讓我們逐一深入了解它們帶來的撓頭問題,感興趣的朋友可以參考下
    2023-09-09

最新評論