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

JS實(shí)現(xiàn)深拷貝的幾種簡(jiǎn)單方法示例

 更新時(shí)間：2023年10月07日 15:20:51   作者：溫其如玉_zxh  
深拷貝和淺拷貝是在JavaScript中復(fù)制對(duì)象或數(shù)組時(shí)經(jīng)常遇到的概念,下面這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)深拷貝的幾種簡(jiǎn)單方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、使用 JSON 轉(zhuǎn)換

這是最簡(jiǎn)單的方法。

JSON.parse(JSON.stringify(obj))

二、使用遞歸

通過(guò)遞歸的方式深度遍歷對(duì)象，將每個(gè)屬性的值進(jìn)行復(fù)制。需要處理被復(fù)制對(duì)象為值類型的情況以及屬性值中包含對(duì)象的情況。需要注意的是，為了防止循環(huán)引用導(dǎo)致死循環(huán)，需要記錄已經(jīng)遍歷過(guò)的對(duì)象。

const deepClone = obj => {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  let result = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      result[key] = deepClone(obj[key]);
    }
  }
  return result;
}

三、借助插件

Lodash

Lodash 是一個(gè)一致性、模塊化、高性能的 JavaScript 實(shí)用工具庫(kù)。

npm i --save lodash
import {cloneDeep} from 'lodash';
const obj1 = {a: {b: 2}};
const obj2 = cloneDeep(obj1);

總結(jié) 

到此這篇關(guān)于JS實(shí)現(xiàn)深拷貝的幾種簡(jiǎn)單方法的文章就介紹到這了,更多相關(guān)JS實(shí)現(xiàn)深拷貝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論