I JavaScript, kloning af et array betyder at skabe et nyt array med de samme elementer som det originale array. Kloning af et array i JavaScript er nyttigt, når du vil oprette et nyt array, der har de samme elementer som et eksisterende array, uden at ændre det originale array.

Hvornår skal man klone array?

Hvis du vil udføre nogle operationer på et array, såsom sortering, filtrering eller kortlægning, men du ikke ønsker at ændre det originale array, kan du oprette en klon af det originale array og udføre handlingerne på klonen i stedet for.

• Når du sender en matrix til en funktion som et argument, vil du måske sikre dig, at funktionen ikke ændrer den oprindelige matrix. I dette tilfælde kan du sende en klon af arrayet i stedet for.
• Hvis du vil bevare det originale array til fremtidig reference, kan du oprette en klon af det originale array og bruge klonen til yderligere behandling eller manipulation.
• Hvis du har et array, der indeholder objekter eller arrays som elementer, og du vil undgå at ændre de originale objekter eller arrays, kan du oprette en klon af arrayet til at arbejde med, så ændringer af objekterne eller arrays i klonen ikke påvirke de originale objekter eller arrays.

Dermed, kloning af et array i JavaScript er en nyttig teknik til at arbejde med arrays på en måde, der bevarer integriteten af ​​det originale array og dets elementer.

Her er nogle almindelige use cases til kloning af et array:

Indholdsfortegnelse

• Hvornår skal man klone array?
• Brug af Array.slice()-metoden
• Brug af spredningsoperatøren
• Brug af Array.from()-metoden
• Brug af Array.concat()-metoden
• Brug af en for-løkke
• Brug af Array.map()-metoden
• Brug af metoden Array.from() med en kortfunktion
• Brug af Array.of() metoden
• Brug af metoderne JSON.parse() og JSON.stringify().
• Brug af Object.assign() metoden
• Brug af Array.reduce()-metoden

Brug af Array.slice()-metoden

Vi bruger skive metode for at skabe en overfladisk kopi af et array. Denne metode opretter et nyt array med en delmængde af elementerne fra det originale array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = originalArray.slice(); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af spredningsoperatøren

Bruger spredningsoperatør … er en kortfattet og nem måde at klone et array i JavaScript. Spredningsoperatoren giver dig mulighed for at udvide et array til individuelle elementer, som derefter kan bruges til at oprette et nyt array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = [...originalArray]; console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Array.from()-metoden

Bruger Array.from() metode er en anden måde at klone et array i JavaScript. Denne metode opretter et nyt array fra et eksisterende array ved hjælp af en valgfri kortlægningsfunktion til at transformere værdierne i det nye array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Array.concat()-metoden

Bruger Array.concat() metode er en anden måde at klone et array i JavaScript. Denne metode opretter et nyt array ved at sammenkæde to eller flere arrays sammen.

kunstig intelligens og intelligente agenter

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = [].concat(originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af en for-løkke

Denne metode involverer iteration gennem hvert element i det originale array og kopiering af hvert element til et nyt array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = []; for (let i = 0; i < originalArray.length; i++) {  clonedArray.push(originalArray[i]); } console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Array.map()-metoden

Bruger Array.map() metode er en anden måde at klone et array i JavaScript. Denne metode opretter et nyt array ved at kortlægge hvert element fra det originale array til en ny værdi.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = originalArray.map(x =>x); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af metoden Array.from() med en kortfunktion

Bruger Array.from() metode med en kortfunktion er en anden måde at klone et array på i JavaScript. Denne metode opretter et nyt array ved at tilknytte hvert element fra det oprindelige array til en ny værdi ved hjælp af en medfølgende funktion.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = Array.from(originalArray, x =>x); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Array.of() metoden

Denne metode opretter et nyt array med de samme elementer som det originale array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = Array.of(...originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af metoderne JSON.parse() og JSON.stringify().

Bruger JSON.parse() og JSON.stringify() metoder er en anden måde at klone et array i JavaScript. Denne metode involverer at konvertere det originale array til en JSON-streng og derefter parse JSON-strengen for at skabe et nyt array.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

const originalArray = [1, 2, 3]; const clonedArray = JSON.parse(JSON.stringify(originalArray)); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Object.assign() metoden

Bruger Object.assign() metode er en anden måde at klone et array i JavaScript. Denne metode opretter et nyt array ved at kopiere egenskaberne for det originale array til et nyt objekt.

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

hvad er svn checkout

const originalArray = [1, 2, 3]; const clonedArray = Object.assign([], originalArray); console.log(clonedArray);>

[ 1, 2, 3 ]>

Brug af Array.reduce()-metoden

Det Array.reduce() metode udfører en reduceringsfunktion på hvert element i arrayet, hvilket resulterer i en enkelt outputværdi. Vi kan bruge det til at konstruere et nyt array med de samme elementer som det originale array.

Syntaks:

array.reduce((accumulator, currentValue, currentIndex, array) =>{ ... }, initialValue);>

Eksempel : I dette eksempel vil vi bruge metoden Array.reduce() til at oprette en klon af et array.

// Input array const originalArray = [1, 2, 3, 4]; // Cloning the array using reduce const clonedArray = originalArray.reduce((acc, val) =>{ acc.push(val);  returnere acc; }, []); // Vis de originale og klonede arrays console.log('Original Array:', originalArray); // Output: [1, 2, 3, 4] console.log('Cloned Array:', clonedArray); // Output: [1, 2, 3, 4]>

Original Array: [ 1, 2, 3, 4 ] Cloned Array: [ 1, 2, 3, 4 ]>

Bemærk: Når du kloner et array, er det derfor vigtigt at overveje kompleksiteten af ​​dataene og applikationens ydeevnekrav.