JavaScript per di | Spiegato

In JavaScript, il "per ... di"L'istruzione è utile per recuperare la stringa o gli elementi dell'array separatamente nel caso di lavoro con una stringa o un elemento array specifico. Ad esempio, quando è necessario eseguire un po 'di calcolo su tutti gli elementi di un array o visualizzarli contemporaneamente. Può anche essere usato per iterare lungo la mappa o gli oggetti dell'argomento.

Questo blog è incentrato sull'uso di JavaScript per ... di dichiarazione. Quindi iniziamo!

Cos'è JavaScript per ... di dichiarazione?

"per ... di"L'istruzione attraversa i valori di un oggetto iterabile che può essere un array, stringa, set, mappa o argomento. Viene inoltre utilizzato per accedere a tutti gli elementi contemporaneamente facendo riferimento a una variabile creata.

Come usare JavaScript per ... di dichiarazione?

Per utilizzare il javascript per ... di istruzione, utilizzare la sintassi fornita:

per (variabile di iteble)

Nella sintassi data, "variabile"Si riferisce agli articoli nel specificato"iteble", Che può essere una stringa o un array. Si noti che la variabile menzionata può essere dichiarata con const, let o var.

I seguenti esempi spiegheranno le applicazioni della dichiarazione discussa in diversi scenari di casi.

Esempio 1: iterando su un array

Nel seguente esempio, creeremo un array con i seguenti valori:

Let Array = [10, 20, 30];

Ora, applica il "per ... di"Dichiarazioni per iterare lungo l'array specificato. IL "articolo"Si riferirà all'array di elementi. Inoltre, in ogni iterazione, il "2"Sarà incrementato nei valori dell'array:

per (let oggetto di array)
articolo = articolo + 2;
console.log ("Gli elementi dell'array sono:", articolo);

L'output dell'implementazione di cui sopra sarà il seguente:

Esempio 2: iterando su un valore di stringa

In questo esempio, dichiareremo un valore di stringa denominato "perof":

let string = 'perof';

Ora, itera lungo i caratteri della stringa applicando il "per ... di"Dichiarazione e accedere ai caratteri della stringa tramite una variabile denominata"carattere"E registrarli separatamente sulla console:

for (let carattere di string)
console.log ("Gli elementi della stringa sono:", carattere);

Produzione

Esempio 3: iterando sugli oggetti della mappa

Innanzitutto, crea un nuovo oggetto mappa usando "Nuova mappa ()" metodo:

let mapid = new map ();

Successivamente, utilizza il “impostato()"Metodo per impostare i valori per la chiave specificata:

Mapid.set ('name', 'Harry');
Mapid.set ('id', 'none');

Ora, applica il "per ... di"Dichiarazione per iterare lungo gli elementi della mappa contenuti in"Mapid"E visualizzali:

per (let map of mapid)
console.log ("Gli elementi dell'array sono:", mappa);

Produzione

Esempio 4: iterating sugli oggetti set

In primo luogo, crea un nuovo set usando "nuovo set()"Metodo con i seguenti valori:

let sets = new set ([10, 20]);

Successivamente, applica il “per ... di"Dichiarazione per accedere ai valori impostati uno per uno e registrarli sulla console:

per (let set di set)
console.log ("Gli elementi set sono:", set);

Produzione

Esempio 5: Iterating Over Arguments Objects

In primo luogo, definisci una funzione chiamata "perof ()". Qui, "argomenti"È un oggetto applicato all'interno della funzione che contiene il valore specificato degli argomenti passati alla funzione particolare:

funzione perof ()
per (valore const degli argomenti)
console.log ("Gli elementi dell'argomento sono:", valore);

Finalmente, invoca il "perof ()"Funzione trasmettendo i valori in esso come argomenti:

perf (10, 20);

Produzione

Abbiamo fornito diverse implementazioni del "per ... di"Dichiarazione in JavaScript.

Conclusione

IL "per ... di"L'istruzione viene utilizzata per iterare su un array aggiungendo gli elementi dell'array e visualizzandoli. È possibile applicare l'istruzione per iterare su un array, stringa, mappa oggetto, imposta oggetto e argomenti. Questo articolo ha dimostrato le applicazioni del per ... di dichiarazione applicando vari esempi.