JavaScript中Object值合并方法詳解
前言:在日常開發(fā)工作中我們可能會(huì)遇到j(luò)s中對(duì)象中所有值的復(fù)制工作,也有可能是通過electron開發(fā)客戶端,改版時(shí)候面臨到的設(shè)置合并問題。那么本文將對(duì)此做一個(gè)簡(jiǎn)要解決方案的敘述。
介紹:比如有obj1, obj2,我們需要將obj1中的所有與obj2中相同字段相同深度的值copy給obj2,并且需要保持obj2字段結(jié)構(gòu)不變,調(diào)用一下方法即可(采用ES6寫法)。
代碼:
/** * 將src中的數(shù)據(jù)copy到dist中,并保留dist的結(jié)構(gòu) * @param src * @param dist */ copyValue(src, dist) { if (!src || typeof(src) !== 'object' || typeof(dist) !== 'object'){ return ; } let keys = Object.keys(dist) if (keys && keys.length > 0 && isNaN(keys[0])){ keys.forEach(key => { let value = dist[key] let srcVal = src[key] // 判斷是不是對(duì)象,如果是則繼續(xù)遍歷,不是則開始賦值或忽略 if (value !== undefined && typeof(value) === 'object' && srcVal && typeof(srcVal) === 'object' && srcVal[0] === undefined){ copyValue(srcVal, value) } else if (value !== undefined && srcVal && typeof(value) == typeof (srcVal)){ // 如果源數(shù)據(jù)存在,并且類型一致,則開始賦值 dist[key] = src[key] } }) } },
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JS中Object對(duì)象的原型概念基礎(chǔ)
- Jackson將json string轉(zhuǎn)為Object,org.json讀取json數(shù)組的實(shí)例
- 淺談JsonObject中的key-value數(shù)據(jù)解析排序問題
- Java中JSONObject與JSONArray的使用區(qū)別詳解
- Objective-C Json 實(shí)例詳解
- 詳解JSONObject和JSONArray區(qū)別及基本用法
- Delphi中使用ISuperObject解析Json數(shù)據(jù)的實(shí)現(xiàn)代碼
- 實(shí)例解析Json反序列化之ObjectMapper(自定義實(shí)現(xiàn)反序列化方法)
- java中用ObjectMapper類實(shí)現(xiàn)Json與bean的轉(zhuǎn)換示例
- JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫(kù)SQL Server 2014的方法
- 使用JSONObject生成和解析json的方法
- JavaScript中Object基礎(chǔ)內(nèi)部方法圖
相關(guān)文章
原生JS實(shí)現(xiàn)幾個(gè)常用DOM操作API實(shí)例
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)幾個(gè)常用DOM操作API實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-01-01Bootstrap每天必學(xué)之工具提示(Tooltip)插件
Bootstrap每天必學(xué)之工具提示(Tooltip)插件,工具提示就是通過鼠標(biāo)移動(dòng)選定在特定的元素上時(shí),顯示相關(guān)的提示語(yǔ),感興趣的小伙伴們可以參考一下2016-04-04JavaScript 動(dòng)態(tài)三角函數(shù)實(shí)例詳解
本文通過實(shí)例代碼給大家實(shí)例講解了javascript動(dòng)態(tài)三角函數(shù)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01JS實(shí)現(xiàn)延遲隱藏功能的方法(類似QQ頭像鼠標(biāo)放上展示信息)
下面小編就為大家分享一篇JS實(shí)現(xiàn)延遲隱藏功能的方法(類似QQ頭像鼠標(biāo)放上展示信息),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2017-12-12