亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

javascript中怎么深拷貝與淺拷貝二維數組和對象

發布時間:2021-08-12 16:13:07 來源:億速云 閱讀:375 作者:Leah 欄目:web開發

javascript中怎么深拷貝與淺拷貝二維數組和對象,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

1.淺拷貝: 將原對象或原數組的引用直接賦給新對象,新數組,新對象/數組只是原對象的一個引用

2.深拷貝: 創建一個新的對象和數組,將原對象的各項屬性的“值”(數組的所有元素)拷貝過來,是“值”而不是“引用”

JavaScript的數據類型分為原始數據類型和對象類型。二者在內存中存放的方式不同,導致了其賦值時差異。分別舉個栗子

var x = 1;
var y = x; //y獲得了和x同樣的值
y = 2;
console.log(x); // 1
var m = [1,2]; //m存放的是指向[1,2]這個數組對象的引用地址
var n = m; //n也獲得 [1,2]數組對象的引用地址
n[0] = 3;
console.log(m); //[3,2]
var m = [1,2]; //m存放的是指向[1,2]這個數組對象的引用地址
var n = m; //n也獲得 [1,2]數組對象的引用地址
m[0] = 4;
console.log(n); //[4,2]

原始數據類型賦值時,不會相互影響; 而對象類型,給的是 原數據的引用地址,所以新舊數據會互相影響,

什么是深拷貝?

顧名思義,淺拷貝就是流于表面的拷貝方式;當屬性值為對象類型時,只拷貝了對象數據的引用,導致新舊數據沒有完全分離,還會互相影響。eg:

//測試數據
var array1 = ['a',1,true,{name:'lei',age:18}];
//concat() slice() 實現深拷貝
var array2 = array1.concat()
//修改拷貝后的數據
array2[0] = 'b';   //array1[0]是原始數據類型 所以是直接賦值的
array2[3].name = 'zhang'; //array1[3]是對象數據類型 所以拷貝的是對象的引用,其實還是和原數組使用同一對象
console.log(array1); // ['a',1,true,{name:'zhang',age:18}]

什么是淺拷貝

上面的  array.concat()或者array.slice() 是特殊的實現數組深拷貝的方式。直接復制也是淺烤貝

var array1 = ['a',1,true,{name:'lei',age:18}];
var temp = array1;
temp[3].name = "hanmeimei";
console.log(array1[3].name)//hanmeimie

深拷貝及其實現

從淺拷貝解釋可以明白,深拷貝就是 ‘完全'拷貝,拷貝之后新舊數據完全分離,不共用對象類型的屬性值,不互相影響。

實現方式:

取巧方式 JSON.parse(JSON.stringify(Obj))  

var test = [1,'a',{name:'lei',age:18}];
var copy1 = JSON.parse(JSON.stringify(test)); //特殊方式
console.log(copy1);
copy1[2].name = 'zhang'
console.log(test); //[1,'a',{name:'lei',age:18}] 未受到影響

注意:這種方式不能深拷貝有屬性值為函數的對象,

實現深拷貝

已經實現了淺拷貝,思考下應該是對 對象類型屬性值賦值時,導致的沒有完全分離,所以要修改下 拷貝對象類型屬性值的方式,對它再調用一次深拷貝,這樣就實現了深拷貝,如下:

//實現深拷貝
function deepCopy( target ){
   if(typeof target !== 'object') return ;//判斷目標類型,來創建返回值
   var newObj = target instanceof Array ? [] : {};
   for(var item in target){ //只復制元素自身的屬性,不復制原型鏈上的
     if(target.hasOwnProperty(item)){
      newObj[item] = typeof target[item] == 'object' ? deepCopy(target[item]) : target[item] //遍歷判斷屬性值類型
     }
   }
   return newObj
}
//測試------------------------------------------------------
var test = [1,'a',{name:'hanmeimei',age:18}];
var copy2 = deepCopy(test);
copy2[2].name = 'lilei'
console.log(test); ////[1,'a',{name:'hanmeimei',age:18}] 未受到影響

二維數組深度拷貝簡單實現

function deepcopyArr(arr) {
   var outarr = [],len = arr.length;
   for (var i=0; i < len; i++) {
      outarr[i]=new Array();
      for(var j=0;j<arr[i].length;j++){
       outarr[i][j]=arr[i][j];
      }
   }
   return outarr;
}
function deepClone (obj) {
  if (typeof obj !== 'object') {
    return obj;
  }
  if (!obj) { // obj 是 null的情況
    return obj;
  }
  if (obj instanceof Date) {
    return new Date(obj);
  }
  if (obj instanceof RegExp) {
    return new RegExp(obj);
  }
  if (obj instanceof Function) {
    return obj;
  }
  let newObj;
  if (obj instanceof Array) {
    newObj = [];
    for(let i = 0, len = obj.length; i < len; i++){
        newObj.push(deepClone(obj[i]));//遞歸操作嵌套對象
     }
     return newObj;
  }
  newObj = {};
  for(let key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key] !== 'object') {
        newObj[key] = obj[key];
      } else {
        newObj[key] = deepClone(obj[key]);//遞歸操作嵌套對象
      }
    }
  }
  return newObj;
}
//基本數據類型/引用數據類型深度克隆完整代碼

看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

水富县| 苍溪县| 盱眙县| 化隆| 临安市| 密云县| 博乐市| 晴隆县| 侯马市| 巴东县| 图木舒克市| 磐安县| 澄迈县| 白河县| 车致| 锡林浩特市| 日土县| 彩票| 迁安市| 景宁| 日喀则市| 稻城县| 静宁县| 赤水市| 阳西县| 保靖县| 阿拉善左旗| 芮城县| 荣昌县| 鹤壁市| 临沧市| 榆树市| 博白县| 元氏县| 宜丰县| 大邑县| 股票| 东港市| 南康市| 石棉县| 安西县|