JavaScript中Object值合并方法詳解

來源：懂視網責編：小采時間：2020-11-27 22:23:15

JavaScript中Object值合并方法詳解

JavaScript中Object值合并方法詳解:前言：在日常開發工作中我們可能會遇到js中對象中所有值的復制工作，也有可能是通過electron開發客戶端，改版時候面臨到的設置合并問題。那么本文將對此做一個簡要解決方案的敘述。介紹：比如有obj1, obj2，我們需要將obj1中的所有與obj2中相同字段相同

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript中Object值合并方法詳解:前言：在日常開發工作中我們可能會遇到js中對象中所有值的復制工作，也有可能是通過electron開發客戶端，改版時候面臨到的設置合并問題。那么本文將對此做一個簡要解決方案的敘述。介紹：比如有obj1, obj2，我們需要將obj1中的所有與obj2中相同字段相同

前言：在日常開發工作中我們可能會遇到js中對象中所有值的復制工作，也有可能是通過electron開發客戶端，改版時候面臨到的設置合并問題。那么本文將對此做一個簡要解決方案的敘述。

介紹：比如有obj1, obj2，我們需要將obj1中的所有與obj2中相同字段相同深度的值copy給obj2，并且需要保持obj2字段結構不變，調用一下方法即可（采用ES6寫法）。

代碼：

/**
 * 將src中的數據copy到dist中，并保留dist的結構
 * @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]

 // 判斷是不是對象，如果是則繼續遍歷，不是則開始賦值或忽略
 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)){
 // 如果源數據存在，并且類型一致，則開始賦值
 dist[key] = src[key]
 }
 })
 }

 },

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript中Object值合并方法詳解

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法 js 合并

熱門焦點

JavaScript中Object值合并方法詳解

JavaScript中Object值合并方法詳解

JavaScript中Object值合并方法詳解

最新推薦

猜你喜歡

熱門推薦