js에는 여러 가지 기본 데이터 유형과 (객체, 배열, 함수)을 포함한 기타 복잡한 데이터 유형이 있다는 것을 알고 있습니다. 기본 데이터 유형의 할당은 실제로 값의 복사본이라고 합니다. 할당된 변수는 동일합니다. 원본과 마찬가지로 변수에는 동일한 값을 갖는 것 외에는 다른 관계가 없습니다.
let x = 666 let y = x let m = 'abc' let n = m y = 888 n = 'def' console.log(x, y)//666,888 console.log(m, n)//'abc','def'
복합 데이터 유형의 전송은 이와 다릅니다. 변수가 복합 데이터 유형에 바인딩될 때 기록되는 것은 복합 데이터의 값이 아니라 데이터의 주소 정보일 때입니다. 이 변수는 다른 변수에 할당되며, 두 변수는 실제로 데이터 정보를 가리킵니다. 변수가 변경되면 다른 변수도 영향을 받습니다.
복잡한 데이터 유형의 할당은 할당 전후의 변수가 서로 영향을 미친다는 것을 알고 있습니다. 실제 프로젝트에서는 이런 일이 발생하지 않기를 바랍니다. 뷰 데이터(Array)는 어디에서나 사용됩니다. 첫째, 목록은 데이터를 순서대로 표시하면 됩니다. 둘째, 차트는 데이터를 처리하기 전에 데이터를 반전해야 합니다. reverse() 이후의 첫 번째 목록도 우리가 예상한 것과는 다릅니다. 배열의 값만 복사하는 방법이 필요하며 이 새 배열의 데이터 주소는 다릅니다. 이 복사 방법은 배열의 복사본입니다.let obj1 = { a : '1', b : 2 } let obj2 = obj1 obj2.b = 3 console.log(obj1,obj2)//{a: "1", b: 3},{a: "1", b: 3}
let obj1 = {a:1, b:{c:2}} let shallowCopy = (src)=> { let dst = {} for (let prop in src) { if (src.hasOwnProperty(prop)) { dst[prop] = src[prop] } } return dst } let obj2 = shallowCopy(obj1) console.log(obj1,obj2) //@1 obj1.a = 6 console.log(obj2.a) //@2 obj2.b.c = 666 console.log(obj1.b.c) //@3 obj2.b = { c: 888 } console.log(obj1.b.c) //@4
let arr1 = [1,2,[3,4]] let arr2 = arr1.slice(0) arr2[2].push(5) arr2.push(6) console.log(arr1,arr2)
let arr1 = [1,2,[3,4]] let arr2 = arr1.concat() arr2[2].push(5) arr2.push(6) console.log(arr1,arr2)
let arr1 = [1,2,[3,4]] let arr2 = [] for(let i = 0; i<arr1.length; i++){ arr2.push(arr1[i]) } arr2[2].push(5) arr2.push(6) console.log(arr1,arr2)
let arr1 = [1,2,[3,4]] let [...arr2] = arr1 arr2[2].push(5) arr2.push(6) console.log(arr1,arr2)
let deepClone = (src)=> { let result (src instanceof Array) ? (result = []) :(result = {}) for (let key in src) { result[key] = (typeof src[key] === 'object') ? deepClone(src[key]) : src[key]//数组和对象的type都是object } return result } let arr1 = [1,2,[3,4]] let arr2 = deepClone(arr1) arr2[2].push(5) arr2.push(6) console.log(arr1,arr2)
let obj1 = {a:1,b:{c:2}} let obj2 = {} for(let key in obj1){ obj2[key] = obj1[key] } obj1.b.c = 6 console.log(obj1,obj2)
let obj1 = {a:1,b:{c:2}} let {...obj2} = obj1 obj1.b.c = 6 console.log(obj1,obj2)
let obj1 = {a:1,b:{c:2}} let obj2 = Object.assign({},obj1) obj1.b.c = 6 console.log(obj1,obj2)
let obj1 = {a:1,b:{c:2}} let obj2 = JSON.parse(JSON.stringify(obj1)) obj1.b.c = 6 console.log(obj1,obj2)
let pureFunc = (animal)=> { let newAnimal = JSON.parse(JSON.stringify(animal)) newAnimal.type = 'cat' newAnimal.name = 'Miao' return newAnimal } let wang = { type: 'dog', name: 'Wang' } let miao = pureFunc(wang) console.log(wang,miao)
JavaScript 매개변수 전달 일러스트레이션 튜토리얼
php 및 js에서 전달되는 json에 대한 간략한 분석
위 내용은 js 전송 및 복사에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!