JavaScript中Object值合并方法詳解
更新時(shí)間：2017年12月22日 11:39:16 作者：fullStack-yang
這篇文章主要為大家詳細(xì)介紹了JavaScript中Object值合并方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
前言：在日常開發(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 createRange與createTextRange的一些用法實(shí)例
關(guān)于createTextRange和createRange的一些用法,腳本之家增強(qiáng)版。2010-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)登錄注冊(cè)界面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
學(xué)過JAVA的人對(duì)函數(shù)的覆蓋和重載肯定是再熟悉不過了。2009-09-09
用Div仿showModalDialog模式菜單的效果的代碼
用Div仿showModalDialog模式菜單的效果的代碼...2007-03-03
javascript實(shí)現(xiàn)頁(yè)面的實(shí)時(shí)時(shí)鐘顯示示例
這篇文章主要介紹了javascript實(shí)現(xiàn)頁(yè)面的實(shí)時(shí)時(shí)鐘顯示示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Javascript基于對(duì)象三大特性（封裝性、繼承性、多態(tài)性）
這篇文章主要介紹了Javascript基于對(duì)象三大特性，包括封裝性、繼承性、多態(tài)性，感興趣的小伙伴們可以參考一下2016-01-01
基于 webpack2 實(shí)現(xiàn)的多入口項(xiàng)目腳手架詳解
這篇文章主要給大家介紹了基于 webpack2 實(shí)現(xiàn)的多入口項(xiàng)目腳手架的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-06-06
JS開發(fā)中基本數(shù)據(jù)類型具體有哪幾種
JS的數(shù)據(jù)類型包括基本數(shù)據(jù)類型、復(fù)雜數(shù)據(jù)類型和特殊數(shù)據(jù)類型，今天我們主要先講解一下基本數(shù)據(jù)類型。感興趣的朋友一起看看吧2017-10-10
JS使用for循環(huán)遍歷Table的所有單元格內(nèi)容
JS遍歷Table的所有單元格內(nèi)容思路是遍歷Table的所有Row，遍歷Row中的每一列，獲取Table中單元格的內(nèi)容2014-08-08
在javascript中，null＞=0 為真，null==0卻為假，null的值詳解
這篇文章主要介紹了在javascript中，null＞=0 為真，null==0卻為假，null的值詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02