noter JavaScript, kloniranje matrike pomeni ustvarjanje nove matrike z enakimi elementi kot prvotna matrika. Kloniranje matrike v JavaScriptu je uporabno, če želite ustvariti novo matriko, ki ima enake elemente kot obstoječa matrika, ne da bi spremenili izvirno matriko.
Kdaj klonirati niz?
Če želite izvesti nekaj operacij na matriki, kot je razvrščanje, filtriranje ali preslikava, vendar ne želite spremeniti izvirne matrike, lahko ustvarite klon izvirne matrike in namesto tega izvedete operacije na klonu.
- Ko posredujete matriko funkciji kot argument, boste morda želeli zagotoviti, da funkcija ne spremeni izvirne matrike. V tem primeru lahko namesto tega posredujete klon matrike.
- Če želite ohraniti izvirno matriko za prihodnjo uporabo, lahko ustvarite klon izvirne matrike in uporabite klon za nadaljnjo obdelavo ali manipulacijo.
- Če imate matriko, ki vsebuje predmete ali matrike kot elemente, in se želite izogniti spreminjanju izvirnih predmetov ali matrik, lahko ustvarite klon matrike, s katerim boste delali, tako da spremembe predmetov ali matrik v klonu ne vplivajo na izvirne predmete ali nize.
torej kloniranje matrike v JavaScript je uporabna tehnika za delo z matrikami na način, ki ohranja celovitost izvirne matrike in njenih elementov.
Tukaj je nekaj običajnih primerov uporabe za kloniranje matrike:
Kazalo
- Kdaj klonirati niz?
- Uporaba metode Array.slice().
- Uporaba operaterja širjenja
- Uporaba metode Array.from().
- Uporaba metode Array.concat().
- Uporaba zanke for
- Uporaba metode Array.map().
- Uporaba metode Array.from() s funkcijo zemljevida
- Uporaba metode Array.of().
- Uporaba metod JSON.parse() in JSON.stringify().
- Uporaba metode Object.assign().
- Uporaba metode Array.reduce().
Uporaba metode Array.slice().
Uporabljamo metoda rezine ustvariti plitvo kopijo matrike. Ta metoda ustvari novo matriko s podnaborom elementov iz prvotne matrike.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
primerjava nizov v JaviJavascript
const originalArray = [1, 2, 3]; const clonedArray = originalArray.slice(); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba operaterja širjenja
Uporabljati operater širjenja … je jedrnat in enostaven način za kloniranje matrike v JavaScriptu. Operator širjenja vam omogoča, da matriko razširite na posamezne elemente, ki jih lahko nato uporabite za ustvarjanje nove matrike.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = [...originalArray]; console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.from().
Uporabljati Array.from() metoda je še en način za kloniranje matrike v JavaScriptu. Ta metoda ustvari novo matriko iz obstoječe matrike z uporabo izbirne funkcije preslikave za pretvorbo vrednosti v novi matriki.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.concat().
Uporabljati Array.concat() metoda je še en način za kloniranje matrike v JavaScriptu. Ta metoda ustvari novo matriko z združevanjem dveh ali več matrik.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = [].concat(originalArray); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba zanke for
Ta metoda vključuje ponavljanje skozi vsak element v izvirni matriki in kopiranje vsakega elementa v novo matriko.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = []; for (let i = 0; i < originalArray.length; i++) { clonedArray.push(originalArray[i]); } console.log(clonedArray);> Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.map().
Uporabljati Array.map() metoda je še en način za kloniranje matrike v JavaScript. Ta metoda ustvari novo matriko tako, da preslika vsak element iz prvotne matrike v novo vrednost.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = originalArray.map(x =>x); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.from() s funkcijo zemljevida
Uporabljati Array.from() metoda s funkcijo zemljevida je še en način za kloniranje matrike v JavaScriptu. Ta metoda ustvari novo matriko tako, da preslika vsak element iz prvotne matrike v novo vrednost z uporabo navedene funkcije.
pretvori niz v json java
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray, x =>x); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.of().
Ta metoda ustvari novo matriko z enakimi elementi kot prvotna matrika.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = Array.of(...originalArray); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metod JSON.parse() in JSON.stringify().
Uporabljati JSON.parse() in JSON.stringify() metode je še en način za kloniranje matrike v JavaScript. Ta metoda vključuje pretvorbo izvirne matrike v niz JSON in nato razčlenitev niza JSON za ustvarjanje nove matrike.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
kat timpf težaJavascript
const originalArray = [1, 2, 3]; const clonedArray = JSON.parse(JSON.stringify(originalArray)); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Object.assign().
Uporabljati Object.assign() metoda je še en način za kloniranje matrike v JavaScriptu. Ta metoda ustvari novo matriko s kopiranjem lastnosti izvirne matrike v nov objekt.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript const originalArray = [1, 2, 3]; const clonedArray = Object.assign([], originalArray); console.log(clonedArray);>
Izhod
[ 1, 2, 3 ]>
Uporaba metode Array.reduce().
The Metoda Array.reduce(). izvede funkcijo reduktorja na vsakem elementu matrike, kar povzroči eno samo izhodno vrednost. Uporabimo ga lahko za izdelavo novega niza z enakimi elementi kot prvotni niz.
Sintaksa:
array.reduce((accumulator, currentValue, currentIndex, array) =>{ ... }, začetniVrednost);>Primer : V tem primeru bomo uporabili metodo Array.reduce() za ustvarjanje klona matrike.
JavaScript // Input array const originalArray = [1, 2, 3, 4]; // Cloning the array using reduce const clonedArray = originalArray.reduce((acc, val) =>{ acc.push(val); vračilo acc; }, []); // Prikaži izvirne in klonirane matrike console.log('Originalna matrika:', originalArray); // Izhod: [1, 2, 3, 4] console.log('Klonirana matrika:', klonirana matrika); // Izhod: [1, 2, 3, 4]> Izhod
Original Array: [ 1, 2, 3, 4 ] Cloned Array: [ 1, 2, 3, 4 ]>
Opomba: Zato je pri kloniranju matrike pomembno upoštevati kompleksnost podatkov in zahteve glede zmogljivosti aplikacije.