JavaScript中Object值合并方法詳解
前言:在日常開發(fā)工作中我們可能會遇到j(luò)s中對象中所有值的復(fù)制工作,也有可能是通過electron開發(fā)客戶端,改版時候面臨到的設(shè)置合并問題。那么本文將對此做一個簡要解決方案的敘述。
介紹:比如有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] // 判斷是不是對象,如果是則繼續(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] } }) } },
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JS中Object對象的原型概念基礎(chǔ)
- Jackson將json string轉(zhuǎn)為Object,org.json讀取json數(shù)組的實例
- 淺談JsonObject中的key-value數(shù)據(jù)解析排序問題
- Java中JSONObject與JSONArray的使用區(qū)別詳解
- Objective-C Json 實例詳解
- 詳解JSONObject和JSONArray區(qū)別及基本用法
- Delphi中使用ISuperObject解析Json數(shù)據(jù)的實現(xiàn)代碼
- 實例解析Json反序列化之ObjectMapper(自定義實現(xiàn)反序列化方法)
- java中用ObjectMapper類實現(xiàn)Json與bean的轉(zhuǎn)換示例
- JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫SQL Server 2014的方法
- 使用JSONObject生成和解析json的方法
- JavaScript中Object基礎(chǔ)內(nèi)部方法圖
相關(guān)文章
Bootstrap每天必學(xué)之工具提示(Tooltip)插件
Bootstrap每天必學(xué)之工具提示(Tooltip)插件,工具提示就是通過鼠標(biāo)移動選定在特定的元素上時,顯示相關(guān)的提示語,感興趣的小伙伴們可以參考一下2016-04-04JavaScript 動態(tài)三角函數(shù)實例詳解
本文通過實例代碼給大家實例講解了javascript動態(tài)三角函數(shù)知識,非常不錯,具有參考借鑒價值,需要的朋友參考下2017-01-01JS實現(xiàn)延遲隱藏功能的方法(類似QQ頭像鼠標(biāo)放上展示信息)
下面小編就為大家分享一篇JS實現(xiàn)延遲隱藏功能的方法(類似QQ頭像鼠標(biāo)放上展示信息),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12