Jak wypełnić wartości tablicy w JavaScript

Czy kiedykolwiek natkniesz się na sytuację, w której wymagane jest tworzenie tablicy JavaScript z pewnymi predefiniowanymi wartościami, czy też chcesz zastąpić elementy istniejącej tablicy za pomocą wartości statycznych? W takich scenariuszach konieczne jest wypełnić wartości tablicy.

JavaScript oferuje różne metody, które można wykorzystać do wypełnienia wartości w tablicy, takiej jak „Szyk.wypełnić()”,„Szyk.z()”,„Tablica push ()”Metody i Operator rozprzestrzeniania się "[…]", Gdzie "Szyk.wypełnić()„Metoda wypełnia istniejącą tablicę nowymi wartościami i„Szyk.wypełnić()”I pozostałe dwie metody utworzają nową instancję tablicy, a następnie wypełnij je określonymi wartościami statycznymi.

W tym zapisie omówi różne metody wypełniania wartości tablicy w JavaScript. A więc zacznijmy!

Jak wypełnić wartości tablicy w JavaScript

Możesz użyć dowolnego z poniższych podejść, aby wypełnić wartości tablicy w JavaScript:

1. Używając Szyk.wypełnić() metoda
2. Używając Tablica push () metoda i dla pętli
3. Używając Szyk.z() metoda
4. Używając Operator rozprzestrzeniania […] i mapa() funkcjonować

Teraz szczegółowo wyjaśnimy każdą z wyżej wymienionych metod.

Jak wypełnić wartości tablicy w JavaScript za pomocą tablicy.Metoda wypełnienia ()

W JavaScript „The„Szyk.wypełnić()„Metoda jest wykorzystywana dla pożywny jakiś szyk z Wartości statyczne. Można go użyć do wypełnienia określonej części tablicy lub całej tablicy.

Składnia

szyk.Wypełnij (wartość, start, koniec)

Tutaj "szyk.wypełnić()”Metoda zastąpi elementy szyk ze statycznym „wartość„;; "początek," I "koniec”To opcjonalne argumenty reprezentujące startowy I indeks końcowy tablicy, w której między tymi indeksami zostaną umieszczone wartości statyczne.

Przykład 1

Przede wszystkim stworzymy JavaScript „szyk„Posiadanie następujących wartości:

var array = [„Summer”, „Winter”, „Spring”];

Następnie przywojemy „szyk.wypełnić()„Metoda wypełnienia całej tablicy„Jesień" wartość:

szyk.wypełnij („jesień”);

Wykonanie powyższego kodu wyświetli następujące dane wyjściowe:

Przykład 2

W następnym przykładzie spróbujemy wypełnić oryginał „szyk„Elementy z„Jesień”W indeksie„0" I "1”:

szyk.wypełnij („jesień”, 0, 2);

Zauważ, że indeks końcowy „2”Nie będzie uwzględniać w tej operacji:

Jak wypełnić wartości tablicy w JavaScript za pomocą metody Array push () i dla pętli

Inną metodą zastosowaną do wypełnienia tablicy jest Tablica „push ()” metoda. Ta metoda pomaga w dodaniu jednej lub więcej wartości do tablicy. Jest również wykorzystywany w połączeniu z „dla pętli„Aby wypełnić tablicę wartościami statycznymi.

Składnia

szyk.push („wartość”);

Tutaj JavaScript „szyk”Będzie wypełniony statycznie„wartość" używając "naciskać()" metoda.

Przykład

Stworzymy stałą „długość„Posiadanie wartości”5”I pusty„szyk”:

Długość const = 5;
const array = [];

Następnie użyjemy „dla pętli„Aby zapętlić tablicę i„naciskać()„Metoda wypełnienia tablicy„wiosna" wartość:

dla (niech i = 0; i < length; i++)
szyk.push („Spring”);

konsola.log (tablica);

Dane wyjście oznacza, że ​​całość „szyk”Jest wypełniony„wiosna" wartość:

Jak wypełnić wartości tablicy w JavaScript za pomocą tablicy.z metody ()

JavaScript „Szyk.z()„Metoda jest wykorzystywana do tworzenia nowej instancji tablicy z obiektu iterowalnego lub przypominającego tablicę. Ta metoda akceptuje obiekt podobny do tablicy jako argument i zwraca nowo utworzoną tablicę.

Składnia

Szyk.z (obiekt, funkcja map, thisarg)

Tutaj "obiekt”Reprezentuje obiekt JavaScript, który należy przekonwertować na tablicę,„ ”funkcja map”Jest opcjonalnym parametrem, który odnosi się do funkcji mapy, która wypełni tablicę wynikami funkcji. Wreszcie, gdy wykonana jest określona funkcja mapy, „Thisarg”Jest używany jako„Ten" wartość.

Przykład

Za pomocą "Szyk.z()„Metoda, utworzymy pusty obiekt tablicy, którego„długość„Własność jest ustawiona”5”I wypełnij go wartością„wiosna„Korzystanie z funkcji mapy:

var array = tablica.z (długość: 5, () => ('spring'))
konsola.log (tablica);

Jak widać, wykonanie danego „Szyk.z()”Dodaje„wiosna„Wartość do wszystkich pięciu indeksów„szyk”:

Jak wypełnić wartości tablicy w JavaScript za pomocą funkcji operatora rozprzestrzeniania […] i map ()

Operator rozprzestrzeniania „[…]”To kolejna przydatna funkcja JavaScript ES6, która może być używana w połączeniu z„mapa()”Funkcja rozszerzenia tablicy i wypełnienia jej określonymi wartościami.

Składnia

[… Nowa tablica ()].map (() => „wartość”)

Tutaj operator rozprzestrzeniania się ”[…]”Utworzy nową tablicę, a następnie przekazie ją do„mapa()”Funkcja wypełniania wszystkich indeksów„wartość".

Przykład

W tym przykładzie operator rozprzestrzeniania się ”[…]”Utworzy nowy„szyk”Z długością„5”I zainicjował go„nieokreślony" wartość. Po zrobieniu tego „mapa()”Funkcja mapuje nowe instancje obiektu na„Jesień" wartość:

Niech Array = [… nowa tablica (5)].map (() => „jesień”);
konsola.log (tablica);

Dane wyjście pokazuje, że pomyślnie wypełniliśmy „szyk”Z określoną wartością:

Skompilowaliśmy różne metody wypełniania tablicy wartościami. Wybierz dowolny z nich zgodnie z Twoimi wymaganiami.

Wniosek

JavaScript „Szyk.wypełnić()”,„Szyk.z()„Metody, połączenie„Tablica push () metoda i dla pętli" I "Operator rozprzestrzeniania […] I mapa() funkcja ”służy do wypełnienia wartości tablicy. Za pomocą tablicy.Fill () Metoda, już utworzona tablica może być wypełniona nowymi wartościami. Natomiast tablica.z metody () i pozostałe dwie kombinacje są wykorzystywane do utworzenia nowej instancji tablicy, a następnie wypełnienia jej określonej wartości. W tym zapisie omówiono różne metody wypełniania wartości tablicy w JavaScript.