JavaScript 배열 복사에 대한 자세한 설명

이전 말

   오브젝트 복사는 이전 블로그 포스팅에서 소개한 적이 있습니다. 이번 글에서는 배열 복사에 대해 자세히 소개하겠습니다.

push

function copyArray(arr){
  var result = [];
  for(var i = 0; i < arr.length; i++){
    result.push(arr[i]);
  }
  return result;
}
 
var obj1=[1,2,3];
var obj2=copyArray(obj1);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3]
obj2.push(4);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3,4]

 

join
  이 방법을 사용할 때의 단점은 배열의 모든 항목이 문자열 형식이 된다는 것입니다.

function copyArray(arr){
  var result = [];
  result = arr.join().split(',');
  return result;
}
 
var obj1=[1,2,3];
var obj2=copyArray(obj1);
console.log(obj1); //[1,2,3]
console.log(obj2); //['1','2','3']
obj2.push(4);
console.log(obj1); //[1,2,3]
console.log(obj2); //['1','2','3',4]

 

concat

function copyArray(arr){
  var result = [];
  result = arr.concat();
  return result;
}
 
var obj1=[1,2,3];
var obj2=copyArray(obj1);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3]
obj2.push(4);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3,4]

slice

function copyArray(arr){
  var result = [];
  result = arr.slice();
  return result;
}
 
var obj1=[1,2,3];
var obj2=copyArray(obj1);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3]
obj2.push(4);
console.log(obj1); //[1,2,3]
console.log(obj2); //[1,2,3,4]

Deep copy

위의 방법은 배열의 얕은 복사본, 배열의 깊은 복사본을 구현하려면 재귀 메서드

function copyArray(arr,result){
  var result = result || [];
  for(var i = 0; i < arr.length; i++){
    if(arr[i] instanceof Array){
      result[i] = [];
      copyArray(arr[i],result[i]);
    }else{
      result[i] = arr[i];
    }     
  }
  return result;
}
 
var obj1=[1,2,[3,4]];
var obj2=copyArray(obj1);
console.log(obj1[2]); //[3,4]
console.log(obj2[2]); //[3,4]
obj2[2].push(5);
console.log(obj1[2]); //[3,4]
console.log(obj2[2]); //[3,4,5]

를 사용해야 합니다. JavaScript 배열 복사에 대한 자세한 내용은 다음을 참조하세요. PHP 중국어 웹사이트!