Array Manipulation Methods- Arbeide med matriser i JavaScript

Arrays er den grunnleggende delen av JavaScript, og i dette innlegget skal vi snakke om Arrays -manipulering. Array Manipulation er oppgaven som hjelper oss å legge til/fjerne/transformere elementer i vårt utvalg. Det er dusinvis av metoder i JavaScript som hjelper oss å manipulere matriser i henhold til våre behov.

Hva er en matrise?

Maten er en type variabel som er strukturert på en måte som vi kan lagre flere og forskjellige typer verdier i bare en variabel og senere få tilgang til disse verdiene ved hjelp. Indeks er posisjonsnummeret der matriselementet er lagret eller lagret.

For eksempel:

const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];

I eksemplet ovenfor, hvis vi ikke brukte matriser, måtte vi erklære 4 variabler og initialisere dem med ovennevnte verdier som ville vært for hektiske.

For eksempel:

const League1 = "Laliga";
Const League2 = "Premier League";
const League3 = "Bundesliga";
const League4 = "Seria A";

Som vi kan se, er det mye bedre at vi bruker matriser enn tradisjonelle metoder. Hvis du fremdeles ikke er overbevist, må du anta at du måtte liste opp alle de store fotballligaene i verden. Vil du erklære alle variablene og sette i gang med fotballliga -navnene en etter en. Ville det ikke være bedre å bruke matriser? Det skal være sikkert.

JavaScript Array -metoder

Konvertere matriser til streng

La oss si at du har en rekke som du vil konvertere til en streng som JavaScript gir oss toString () innebygd metode for å hjelpe oss. De toString () metoden vil konvertere vår matrise til en streng. Alle matriseverdiene blir separert med et komma i strengen

Eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// konvertere til streng
konsoll.Logg (ligaer.toString ());

Den neste innebygde metoden som brukes mye av utviklere er bli med() metode. Dette har nøyaktig samme funksjon av toString () i-e konverterer en matrise til streng. Den eneste forskjellen i Join () -metoden er at vi her kan spesifisere separatoren. I stedet for komma kan vi for eksempel stoppe fullt. For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// konvertere til streng med . separator
konsoll.Logg (ligaer.bli med("."));

Her spesifiserte vi at verdiene til en matrise skulle skilles med full stopp når matrisen konverteres til en streng.

Push and Pop

Når du jobber med matriser som utvikler, vil det være tider når du trenger å legge til eller fjerne elementer fra en matrise. For å oppnå oppgaven med å legge til noe eller fjerne noe fra en matrise, bruker vi POP () og push () -metoden.

Pop () Metode

Slette en verdi fra matrisen oppnås ved POP () -metoden, og den sletter den siste indeksverdien fra matrisen.

For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
konsoll.Logg (ligaer.pop ());
konsoll.Logg (ligaer.toString ());

Som vi kan se på skjermdumpen på konsollen at popvaren var på den siste indeksen, og etter det da vi trøstet loggen, var det ingen seria a.

Push () Metode

Push Syntax er det samme som pop. Forskjellen er funksjonen hver utfører. Push () -metoden brukes til å sette inn eller legge til elementer i den siste indeksen for matrisen.

For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligaer.Push ("Ligue1");
// konvertere til streng
konsoll.Logg (ligaer.toString ());

I argumentet Push () Metode passerer vi verdien vi ønsker å legge til matrisen. I dette eksemplet passerte vi “Ligue1”, da vi ønsket å legge det til i våre matrise -ligaer. Når vi skyver verdien, vil vi se Ligue1 på slutten av matrisen.

Skiftende elementer

Shift () -metoden er den samme som POP () -metoden bortsett fra at den fjerner det første elementet fra matrisen. Det gjør dette ved å skifte alle de andre elementene til en lavere indeks bortsett fra den første. Det fjerner det første indekselementet.

For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// fjerne første element
konsoll.Logg (ligaer.skifte());
// konvertere matrise til streng
konsoll.Logg (ligaer.toString ());

I dette eksemplet, i konsollvinduet, vil vi bli vist elementet som er slettet fra matrisen. Da vises den nye matrisen.

UN -SHIFT () -metoden er den samme som Push () -metoden bortsett fra at den legger til et element i starten av matrisen. Syntaksen er den samme som skiftmetoden I-E-ligaer.Unshift (“Scottish League”).

Skiftende elementer

Vi kan endre et element ved den spesifikke indeksen. Indeks starter fra 0 i en matrise.

For eksempel kan vi endre det første elementet med:

Leagues [0] = "Scottish League";

Vi kan også finne ut den totale lengden på matrisen ved å bruke den innebygde lengdemetoden til JavaScript.

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
konsoll.Logg (ligaer.lengde);

Utgang: 4

Splice () -metode

Splice () -metoden brukes til å legge til elementer i en matrise akkurat som push () -metoden.

For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligaer.Splice (2,0, "Ligue1");
// konvertere matrise til streng
konsoll.Logg (ligaer.toString ());

Splice tar en indeks der du vil legge til et element. I dette eksemplet spesifiserte vi den andre indeksen der vi ønsker å legge til “Ligue1”. Elementene vi ønsker å slette fra matrisen er gitt i det andre argumentet. Etter dette kan vi legge til nye elementer, så mye vi vil. Utgangen vil være:

Vi kan også bruke skjøtemetoden for å fjerne en verdi ved den spesifiserte indeksen.

For eksempel:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligaer.Splice (0,1);
// konvertere matrise til streng
konsoll.Logg (ligaer.toString ());

Det vil fjerne elementet som er ved første indeks.

Sammenslåing av matriser

Vi kan også slå sammen matriser ved hjelp av concat () -metoden. Concat () -metoden endrer ikke den originale matrisen og oppretter bare en ny matrise.

For eksempel:

I dette eksemplet vil to matriser kombineres ved hjelp av concat () -metoden:

// matrise med navn på fotball ligaer
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
const Lowerleagues = ["Scottish", "Australian"];
const newTotallEagues = ligaer.Concat (Lowerleagues);
// konvertere matrise til streng
konsoll.Logg (newTotallEagues.toString ());

Vi la nedre lyleer til ligaer.

Konklusjon

Flere dataelementer eller variabler av samme art er representert i en enkelt navn, og den matrisen kan deretter manipuleres på mange måter som blir diskutert i dette innlegget. Vi diskuterte array -manipulasjon i JavaScript ved å gå gjennom de vanligste metodene for hvordan man kan manipulere en matrise. Vi håper at alle disse eksemplene ville gitt deg en ide om hvordan matrisemanipulasjon fungerer.