Come riempire i valori dell'array in JavaScript

Ti sei mai imbattuto in una situazione in cui è richiesta una creazione di un array JavaScript con alcuni valori predefiniti o vuoi sovrascrivere gli elementi di un array esistente con valori statici? In tali scenari, diventa necessario riempire IL valori di array.

JavaScript offre vari metodi che possono essere utilizzati per riempire i valori in un array come "Vettore.riempire()","Vettore.da()","Array Push ()"Metodi e operatore di diffusione "[…]", Dove "Vettore.riempire()"Il metodo riempie un array esistente con i nuovi valori e"Vettore.riempire()"E gli altri due metodi creano una nuova istanza di array e quindi riempili con i valori statici specificati.

Questo articolo discuterà diversi metodi per riempire i valori dell'array in JavaScript. Quindi iniziamo!

Come riempire i valori dell'array in JavaScript

È possibile utilizzare uno dei seguenti approcci per riempire i valori dell'array in JavaScript:

1. Usando il Vettore.riempire() metodo
2. Usando il Array Push () metodo e per loop
3. Usando il Vettore.da() metodo
4. Usando il Distribuisci operatore […] e il carta geografica() funzione

Spiegheremo ora ciascuno dei metodi sopra menzionati in dettaglio.

Come riempire i valori dell'array in JavaScript usando l'array.Metodo di riempimento ()

In JavaScript, il "Vettore.riempire()"Il metodo è utilizzato per Riempimento UN vettore con valori statici. Può essere usato per riempire una parte particolare di un array o dell'intero array.

Sintassi

vettore.riempimento (valore, inizio, fine)

Qui, il "vettore.riempire()"Il metodo sostituirà gli elementi del vettore con lo statico "valore“; "inizio," E "FINE"Sono gli argomenti opzionali che rappresentano il di partenza E indice finale dell'array, in cui tra questi indici verranno posizionati i valori statici.

Esempio 1

Prima di tutto, creeremo un JavaScript "vettore"Avere i seguenti valori:

var array = ["estate", "inverno", "primavera"];

Quindi, invoceremo il "vettore.riempire()"Metodo per riempire l'intero array con"Autunno" valore:

vettore.riempire ("autunno");

L'esecuzione del codice di cui sopra mostrerà il seguente output:

Esempio 2

Nel prossimo esempio, proveremo a riempire l'originale "vettore"Elementi con"Autunno"All'indice"0" E "1":

vettore.riempire ("autunno", 0, 2);

Si noti che l'indice finale "2"Non includerà in questa operazione:

Come riempire i valori dell'array in JavaScript usando il metodo dell'array push () e per loop

Un altro metodo utilizzato per riempire un array è il Array "push ()" metodo. Questo metodo aiuta ad aggiungere uno o più valori all'array. È anche utilizzato in combinazione con "per loop"Per riempire un array con valori statici.

Sintassi

vettore.push ('valore');

Qui, il Javascript "vettore"Sarà pieno di statico"valore" usando il "spingere()" metodo.

Esempio

Creeremo una costante "lunghezza"Avere il valore"5"E un vuoto"vettore":

const lunghezza = 5;
const array = [];

Successivamente, useremo il “per loop"Per lottare sull'array e"spingere()"Metodo per riempire l'array con il"primavera" valore:

per (let i = 0; i < length; i++)
vettore.push ('primavera');

console.log (array);

L'output dato significa che il tutto "vettore"È pieno di"primavera" valore:

Come riempire i valori dell'array in JavaScript usando l'array.Dal metodo ()

Il javascript "Vettore.da()"Il metodo viene utilizzato per la creazione di una nuova istanza di array da un oggetto iterabile o simile a un array. Questo metodo accetta un oggetto simile a un array come argomento e restituisce l'array appena creato.

Sintassi

Vettore.da (oggetto, mapfunction, thisarg)

Qui, il "oggetto"Rappresenta l'oggetto JavaScript che deve essere convertito in un array,"funzione mappa"È un parametro opzionale che si riferisce alla funzione MAP che riempirà l'array con il risultato della funzione. Infine, quando viene eseguita la funzione mappa specificata, "thyarg"È usato come"Questo" valore.

Esempio

Usando "Vettore.da()"Metodo, creeremo un oggetto array vuoto di cui"lunghezzaLa proprietà "è impostata"5"E riempilo con il valore"primavera"Utilizzo della funzione mappa:

var array = array.da (lunghezza: 5, () => ('Spring'))
console.log (array);

Come puoi vedere, l'esecuzione del dato "Vettore.da()"Aggiungerà il"primavera"Valore per tutti e cinque gli indici di"vettore":

Come riempire i valori dell'array in JavaScript utilizzando la funzione di Spen Sadge Operator […] e Map ()

L'operatore di diffusione "[…]"È un'altra utile funzione JavaScript ES6 che può essere utilizzata in combinazione con"carta geografica()"Funzione per espandere un array e riempirlo con alcuni valori specifici.

Sintassi

[... nuovo array ()].mappa (() => 'valore')

Qui l'operatore di diffusione "[…]"Creerà un nuovo array e poi lo passerà al"carta geografica()"Funzione per riempire tutti gli indici con il"valore".

Esempio

In questo esempio, l'operatore di diffusione "[…]"Creerà un nuovo"vettore"Con la lunghezza"5”E inizializzarlo con un"non definito" valore. Dopo averlo fatto, il "carta geografica()"La funzione mappe le nuove istanze di oggetti su"Autunno" valore:

Let Array = [... nuovo array (5)].mappa (() => 'autunno');
console.log (array);

L'output fornito mostra che abbiamo riempito con successo il "vettore"Con il valore specificato:

Abbiamo compilato metodi diversi per riempire un array con valori. Scegli uno di loro in base alle tue esigenze.

Conclusione

Il javascript "Vettore.riempire()","Vettore.da()"Metodi, combinazione di"Array Push () metodo e per loop" E "Distribuisci operatore […] E carta geografica() funzione ”vengono utilizzate per riempire i valori dell'array. Usando l'array.Metodo di riempimento (), un array già creato può essere riempito con i nuovi valori. Al contrario, l'array.dal metodo () e le altre due combinazioni vengono utilizzate per creare una nuova istanza di array e quindi riempirla con il valore specificato. Questo articolo ha discusso di diversi metodi per riempire i valori dell'array in JavaScript.