js 대상의 깊이 복제!
1381 단어 js
특히angular 프레임워크에서dom는 데이터로 구동되기 때문에 검색 대상을 삭제하고 수정하는 작업에서 대상 속성의 계승 관계는 매우 골치 아프다!
내가 전에 겪은 문제는 바로 페이지를 편집하고 대상 데이터를 조작하여 전시 데이터의 표현에 영향을 미쳤다는 것이다!
제가 두 가지 깊이 있는 복제 대상을 정리하는 방법을 참고해 드리겠습니다!
우선 var 가짜 데이터
var schedule = {"status":21,"msg":"ok","data":[{"name":"lemon","age":21,"contactList":{"phone":[152,153,154],"email":5295}},{"name":"lara","age":22,"contact":{"phone":152,"email":5295}}]}방법 1:
자신을 옮겨다니며 현재 대상이 obj인지 list인지 판단하고 새로운 대상을 복제합니다
function deepClone(obj)
{
var o,i,j,k;
if(typeof(obj)!="object" || obj===null)return obj;
if(obj instanceof(Array))
{
o=[];
i=0;j=obj.length;
for(;i방법2:
js 원생의 json 서열화 방식으로 간단하고 거칠게!
var scheduleClone2 = JSON.parse(JSON.stringify(schedule));
console.log(' 2 ')
console.log(scheduleClone2)
scheduleClone2.data[0].contactList.phone[0] = 8888888
console.log(JSON.stringify(schedule))
console.log(JSON.stringify(scheduleClone2))이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
