JavaScript 배열 과 대상 의 복사
협의 적 으로 JS 는 모든 데 이 터 를 두 가지 유형 으로 나 누 었 다.기본 유형 과 인용 유형 이다.그 중에서 기본 유형 은 Undefined,Null,Boolean,Number 와 String 을 포함 하고 인용 유형 은 Object 이 며 자주 사용 하 는 Array,Date,RegExp,Function 등 은 모두 Object 유형 에 속한다.
기본 형 데이터 와 인용 형 데이터 의 차이 점 중 하 나 는 변 수 를 복사 할 때 기본 형 데 이 터 는 독립 된 새로운 복사 본 을 복사 하고 인용 형 데 이 터 는 원 변수의 인용 을 복사 하 는 것 이다.다음은 하나의 예 이다.
//
var a = 10;
var b = a; // b = 10
a = 20; // a = 20, b = 10
//
var m = [1, 2];
var n = m;
m[0] = 10;
console.log(n[0]); // 10
인용 형식 자체 의 값 을 복사 하려 면 위의 방식 을 사용 할 수 없습니다.2.배열 의 얕 은 복사
얕 은 복 제 는 대상(배열)이 복 제 될 때 인용 필드 의 값 이 복사 되 지 않 고 해당 필드 의 인용 을 복사 하 는 것 을 말한다.예:
var src = [
'alpha',
['bravo', 'chalie']
];
var dest = [];
for (var i = 0; i < src.length; i++) {
dest[i] = src[i];
}
// , src ,dest
src[1].push('delta');
console.log(dest[1]); // ['bravo', 'chalie', 'delta']
얕 은 복 제 는 일반적으로 1 차원 배열,즉 배열 에 인용 형식 이 존재 하지 않 는 경우 에 사용 된다.자주 사용 하 는 얕 은 복사 방법 은 다음 과 같다.concat 방법
var src = ['alpha', 'bravo'],
dest = [];
dest = dest.concat(src);
concat 방법 은 배열 합병 에 더 많이 사 용 됩 니 다.예 를 들 어:
var a = ['alpha', 'bravo'],
b = ['chalie', 'delta'],
combine;
combine = a.concat(b);
특히 concat 는 배열 합병 에 사용 할 때 두 개의(또는 여러 개)배열 의 모든 요 소 를 새로운 대상 으로 복사 하 는 것 으로 대형 배열 에 있어 비용 이 많이 든다 고 지적 했다.더 좋 은 방법 은 다음 배열 의 요 소 를 이전 배열 로 복사 하 는 것 입 니 다.
var src = ['alpha', 'bravo'],
dest = ['chalie', 'delta'];
Array.prototype.push.apply(src, dest);
slice 방법slice 방법 은 기 존 배열 에서 선택 한 요 소 를 되 돌려 주 고 새로운 배열 로 되 돌려 줍 니 다.
var src = ['alpha', 'bravo'],
var dest = src.slice(0);
3.대상 의 얕 은 복사대상 의 얕 은 복 제 는 for-in 으로 역대로 이 루어 질 수 있 으 며,es6 에서 더욱 편리 한 Object.assign()방법 을 제공 합 니 다.
var src = {name: 'fox', age: 20},
dest = null;
dest = Object.assign({}, src);
jQuery 의$.extend,underscore 의 를 사용 할 수도 있 습 니 다.extend 등 방법 으로 대상 의 복 제 를 실현 합 니 다.깊이 복사
얕 은 복 제 된 응용 장면 에 한계 가 있 습 니 다.더 많은 경우 에 우 리 는 대상 을 완전한 복사 본 으로 복사 할 수 있 기 를 바 랍 니 다.이것 은 type of 또는 intanof 연산 자 를 사용 하여 각 필드 의 유형 을 판단 해 야 합 니 다.필드 가 기본 형식 이 라면 직접 복사 할 수 있 습 니 다.만약 에 특정한 필드 가 인용 유형 이 라면 이 필드 의 모든 필드 에 대해 상기 판단 을 해 야 한다.그러면 우 리 는 재 귀 를 사용 하여 이 기능 을 실현 하 는 것 을 고려 하기 쉽다.
function deep_copy(src, dest) {
for (var p in src) {
if (Array.isArray(src[p]) || src[p] instanceof Object) {
dest[p] = Array.isArray(src[p]) ? [] : {};
arguments.callee(dest[p], src[p]);
}else {
dest[p] = src[p];
}
}
}
상기 코드 에 서 는 배열 이 특수 한 대상 이기 때문에 for-in 으로 옮 겨 다 닐 수 있 습 니 다.또한 제 이 슨 대 법 도 사용 할 수 있다.
function deep_copy_in_json(src) {
return JSON.parse(JSON.stringify(src));
}
이렇게 하 는 것 은 비교적 간편 하지만 원래 대상 의 많은 속성 은 조작 후에 잃 어 버 릴 수 있다.예 를 들 어 constructor 속성 과 대상 원형 중의 일부 방법 이다.이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.