Hvordan erstatte objekt i en matrise i JavaScript

I JavaScript er Array en ofte benyttet datastruktur. For å manipulere data, må du vite hvordan du kan hente, legge til og erstatte dem i en matrise. Mer spesifikt kan du erstatte eller legge til ett eller flere elementer fra en matrise ved hjelp av JavaScript-predefinerte metoder.

Dette blogginnlegget vil beskrive metodene for å erstatte objekter i JavaScript -matriser.

Hvordan erstatte objekt i en matrise i JavaScript?

For å erstatte et objekt i en matrise, gir JavaScript noen forhåndsdefinerte metoder som er som følger:

• • Ved hjelp av indeks
  • Bruke indexOf () -metode
  • Bruke eller sløyfe
  • Ved hjelp av Splice () -metode

La oss diskutere metodene nevnt over en etter en!

Metode 1: Erstatt objekt i en matrise ved hjelp av indeks

Dette er den enkleste metoden for å erstatte et element i en matrise. Hvert element i en matrise kan nås ved hjelp av en indeks, fra 0. I denne tilnærmingen må du bruke firkantede parenteser for å få tilgang til et matriseelement.

Syntaks

Følg den gitte syntaks for å erstatte objektet ved hjelp av Array Index:

Matrise [indeks] = element;

Her vil elementet erstattes i den angitte indeksen for matrisen.

Eksempel

Vi vil lage en matrise som heter “farger”Og skriv den deretter ut på konsollen ved å bruke“konsoll.Logg()”Metode:

var farger = ["rød", "blå", "grønn", "rosa"];
konsoll.Logg ("Original Array:", farger);

Bytt deretter ut en matrise element ved å passere indeksen for matrisen ved å bruke brakettnotasjon. Vi vil erstatte elementet fra indeksen “1”Med“lilla”:

farger [1] = "lilla";

Skriv ut den nye matrisen på konsollen med samme lengde:

konsoll.Logg ("Erstatt matrise:", farger);

Utgangen betyr at matriseringsobjektet “blå”Erstattes vellykket med“lilla”:

La oss gå til den andre metoden!

Metode 2: Erstatt objekt i en matrise ved bruk av indexOf () -metode

Det er en annen metode “oversikt over()”Det vil sende ut indeksen for det spesifiserte elementet i en matrise. Hvis det passerte argumentet ikke kan lokaliseres i en matrise, sendes det ut -1. Derfor, hvis du ikke kjenner indeksen for et element, kan du bruke IndexOf () -metoden for å få matriserens spesifiserte indeks.

Syntaks

Følgende syntaks brukes til "oversikt over()”Metode:

Array.indexof ("element");

Eksempel

Her vil vi bruke det samme utvalget av “farger”Opprettet i forrige eksempel. Nå, få indeksen for matrisens objekt “rød" bruker "oversikt over()”Metode og lagre den i en variabel”ColorIndex”:

const colorIndex = farger.indexof ("rød");

Kontroller deretter Array's Index hvis den ikke er lik -1, og erstatt Arrays objekt "rød”Med“oransje”:

if (colorIndex !== -1)
farger [colorIndex] = 'oransje';

Til slutt, skriv ut den nye matrisen ved å erstatte Arrays element:

konsoll.Logg ("New Array:", farger);

Produksjon

La oss se en annen metode for å erstatte objekter i en matrise.

Metode 3: Erstatt objekt i en matrise som bruker for loop

Objektet kan erstattes i en matrise ved å bruke "til" Løkke. Det vil iterere matrisen til den spesifiserte verdien ikke oppstår; Når verdien blir matchet med matriseringsobjektene, erstatter metoden den med et nytt element.

Syntaks

Bruk syntaksen nedenfor for for loop for å erstatte objekter i en matrise:

for (var i = 0; i..

Eksempel

Her, den samme arrayen som heter “farger”Brukes til å erstatte“rosa”Med noe annet objekt”svart”Bruker for loop:

for (la colorIndex = 0; indeks < colors.length; colorIndex ++)
if (farger [colorIndex] === 'rosa')
farger [colorIndex] = 'svart';
gå i stykker;

Skriv deretter ut den resulterende matrisen ved å bruke "konsoll.Logg()”Metode:

konsoll.Logg ("New Array:", farger);

Utgangen indikerer at den originale arrayens objekt “rosa”Er erstattet med det nye objektet”svart”:

Hvis du vil erstatte matriseelementer fra en matrise til en spesifisert indeks, følg neste avsnitt.

Metode 4: Erstatt objekt i en matrise ved hjelp av Splice () -metode

Bruk JavaScript forhåndsdefinert metode “Splice ()”For å erstatte objekter i en matrise. Den legger til eller fjerner de spesifiserte matriseelementene og endrer den originale matrisen. Det brukes i en kombinasjon av indeksen () -metoden for å få tilgang til indeksen for det spesifiserte arrayelementet og splitte den.

Syntaks

Følg den gitte syntaksen for å bruke Splice () -metoden for å erstatte elementer i en matrise:

Array.Splice (StartIndex, DeleteCount, Element1, ..., Elementn)

Her, "StartIndex”Er plasseringen i matrisen der et nytt element skal plasseres,“Sletting”Indikerer hvor mange elementer som skal elimineres, og“element1, ..., elementn”Er elementene som må byttes ut.

Eksempel

Vi vil først få indeksen for matrisens objekt “grønn”Ved å passere den i“oversikt over()”Metode og lagre den i variabel”ColorIndex”:

const colorIndex = farger.indexof ("grønn");

Kall deretter spleisemetoden () og passere indeksen for elementet "grønn”Det er lagret i variabelen ColorIndex, som vil bli erstattet,”1”Er et slettekontakt betyr å eliminere bare ett element fra en matrise og“Hvit”Som erstatning:

farger.Splice (ColorIndex, 1, 'White');

Til slutt, skriv ut den nye matrisen på konsollen:

konsoll.Logg ("New Array:", farger);

Vi har samlet alle de beste tilnærmingene for å erstatte objekter fra JavaScript -matriser.

Konklusjon

For å erstatte objektet i en matrise, gir JavaScript noen forhåndsdefinerte metoder, for eksempel å bruke indeksen for en matrise, "oversikt over()”Metode, for loop, eller“Splice ()”Metode. Alle disse metodene erstattet effektivt et objekt fra en matrise. Den første metoden er den vanligste måten å erstatte elementer fra en matrise, men den er nyttig i små matriser hvis indekser er kjent. I denne bloggen beskrev vi de forskjellige måtene å erstatte objekter i JavaScript -matriser.