Hvordan du fyller arrayverdier i JavaScript

Har du noen gang kommet over en situasjon der det er nødvendig å opprette en JavaScript -matrise med noen forhåndsdefinerte verdier, eller vil du overskrive en eksisterende Array's Elements med statiske verdier? I slike scenarier blir det nødvendig å fylle de Array -verdier.

JavaScript tilbyr forskjellige metoder som kan brukes til å fylle verdier i en matrise som "Array.fylle()”,“Array.fra()”,“Array push ()”Metoder, og spredt operatør “[…]", hvor "Array.fylle()”Metode fyller en eksisterende matrise med de nye verdiene, og“Array.fylle()”Og de to andre metodene lager en ny matriseforekomst og fyller dem deretter med de spesifiserte statiske verdiene.

Denne oppskrivningen vil diskutere forskjellige metoder for å fylle arrayverdier i JavaScript. Så la oss starte!

Hvordan du fyller arrayverdier i JavaScript

Du kan bruke hvilken som helst av følgende tilnærminger for å fylle matriseverdier i JavaScript:

1. Bruker Array.fylle() metode
2. Bruker Array push () metode og for sløyfe
3. Bruker Array.fra() metode
4. Bruker Spred operatør […] og kart() funksjon

Vi vil nå forklare hver av metodene som er nevnt ovenfor i detalj.

Hvordan fylle arrayverdier i JavaScript ved hjelp av matrise.Fyll () Metode

I JavaScript, "Array.fylle()”Metoden brukes til fylling an Array med statiske verdier. Den kan brukes til å fylle en bestemt del av en matrise eller hele matrisen.

Syntaks

Array.Fyll (verdi, start, slutt)

Her, "Array.fylle()”Metoden vil erstatte elementene i Array med den statiske “verdi“; “start,”Og“slutt”Er de valgfrie argumentene som representerer starter og sluttindeks av matrisen, hvor mellom disse indeksene vil bli plassert de statiske verdiene.

Eksempel 1

Først av alt vil vi lage et JavaScript “Array”Å ha følgende verdier:

var array = ["sommer", "vinter", "vår"];

Deretter vil vi påkalle "Array.fylle()”Metode for å fylle hele matrisen med“Høst”Verdi:

Array.Fyll ("Høst");

Utførelse av den ovennevnte koden vil vise følgende utgang:

Eksempel 2

I neste eksempel vil vi prøve å fylle originalen "Array”Elementer med“Høst”Hos indeks”0”Og“1”:

Array.Fyll ("Høst", 0, 2);

Merk at sluttindeksen “2”Vil ikke inkludere i denne operasjonen:

Hvordan fylle arrayverdier i JavaScript ved hjelp av array push () -metoden og for loop

En annen metode som brukes til å fylle en matrise er Array “Push ()” metode. Denne metoden hjelper til med å legge til en eller flere verdier til matrisen. Det brukes også i kombinasjon med "for sløyfe”For å fylle en matrise med statiske verdier.

Syntaks

Array.push ('verdi');

Her JavaScript “Array”Vil bli fylt med den statiske”verdi" bruker "trykk()”Metode.

Eksempel

Vi vil skape en konstant ”lengde”Å ha verdien”5”Og en tom”Array”:

const lengde = 5;
const array = [];

Deretter vil vi bruke "for sløyfe”Å sløyfe over matrisen og“trykk()”Metode for å fylle matrisen med“vår”Verdi:

for (la i = 0; i < length; i++)
Array.Push ('Spring');

konsoll.logg (matrise);

Den gitte utgangen betyr at hele "Array”Er fylt med“vår”Verdi:

Hvordan fylle arrayverdier i JavaScript ved hjelp av matrise.fra () metode

JavaScript “Array.fra()”Metode brukes for å lage en ny matriseforekomst fra et iterable eller array-lignende objekt. Denne metoden aksepterer et matrise-lignende objekt som et argument og returnerer den nyopprettede matrisen.

Syntaks

Array.fra (objekt, mapfunction, thisarg)

Her, "gjenstand”Representerer JavaScript -objektet som må konverteres til en matrise,“mapfunction”Er en valgfri parameter som refererer til kartfunksjonen som vil fylle matrisen med funksjonsresultatet. Til slutt, når den spesifiserte kartfunksjonen blir utført, "Thisarg”Brukes som“dette”Verdi.

Eksempel

Ved hjelp av "Array.fra()”Metode, vil vi lage et tomt array -objekt hvis“lengde”Eiendom er satt”5”Og fyll den med verdien”vår”Bruke kartfunksjonen:

var array = matrise.fra (lengde: 5, () => ('Spring'))
konsoll.logg (matrise);

Som du kan se, utførelsen av det gitte “Array.fra()”Vil legge til“vår”Verdi til alle fem indeksene for“Array”:

Hvordan fylle arrayverdier i JavaScript ved hjelp av spredt operatør […] og kart () -funksjon

Spredningsoperatøren “[…]”Er en annen nyttig JavaScript ES6 -funksjon som kan brukes i kombinasjon med“kart()”Funksjon for å utvide en matrise og fylle den med noen spesifikke verdier.

Syntaks

[… Ny matrise ()].kart (() => 'verdi')

Her spredte operatøren “[…]”Vil opprette en ny matrise og deretter sende den til“kart()”Funksjon for å fylle alle indeksene med“verdi“.

Eksempel

I dette eksemplet er spredningsoperatøren “[…]”Vil skape en ny”Array”Med lengden”5”Og initialiserte den med en“udefinert”Verdi. Etter å ha gjort det, “kart()”Funksjon vil kartlegge de nye objektforekomstene til“Høst”Verdi:

Let Array = [… Ny matrise (5)].kart (() => 'høst');
konsoll.logg (matrise);

Den gitte utgangen viser at vi har fylt "Array”Med den spesifiserte verdien:

Vi har samlet forskjellige metoder for å fylle en matrise med verdier. Velg noen av dem i henhold til dine krav.

Konklusjon

JavaScript “Array.fylle()”,“Array.fra()”Metoder, kombinasjon av“Array push () metode og for sløyfe”Og“Spred operatør […] og kart() funksjon ”brukes til å fylle arrayverdier. Bruke matrisen.Fill () Metode, en allerede opprettet matrise kan fylles med de nye verdiene. I kontrast til matrisen.Fra () Metode og de to andre kombinasjonene brukes til å lage en ny matriseforekomst og deretter fylle den med den spesifiserte verdien. Denne oppskrivningen diskuterte forskjellige metoder for å fylle arrayverdier i JavaScript.