JavaScript för ... i loop (med exempel)

I den här handledningen lär du dig JavaScript för … i loop med hjälp av exempel.

I föregående handledning har vi täckt:

  • JavaScript medan och gör … medan loop
  • JavaScript för loop

Det finns också andra typer av öglor. Den for… inslinga i JavaScript kan du iterera över alla fastighets nycklar ett objekt.

JavaScript för … i loop

Slingans syntax for… inär:

 for (key in object) ( // body of for… in )

I varje iteration av slingan tilldelas nyckeln till nyckelvariabeln. Slingan fortsätter för alla objektegenskaper.

Obs! När du väl har fått nycklar kan du enkelt hitta dess värde.

Exempel 1: Iterera genom ett objekt

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Produktion

 namn => Monica klass => 7 ålder => 12

I ovanstående program används for… inslingan för att itera över studentobjektet och skriva ut alla dess egenskaper.

  • Objektnyckeln tilldelas variabelnyckeln.
  • student(key) används för att komma åt värdet på nyckeln.

Exempel 2: Uppdatera värden för egenskaper

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Produktion

 Jack: 24000 dollar, Paul: 34000 dollar, Monica: 55000 dollar

I exemplet ovan används for… inslingan för att iterera över salariesobjektets egenskaper . Därefter $läggs strängen till varje värde i objektet.

för … in med Strings

Du kan också använda for… inloop för att iterera över strängvärden. Till exempel,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Produktion

 koda

för … in med Arrays

Du kan också använda for… inmed matriser. Till exempel,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Produktion

 hej 1 JavaScript

Du kommer att lära dig mer om matriserna i senare självstudier.

Obs! Du bör inte använda för for… inatt itera över en matris där indexordningen är viktig.

Ett av de bättre sätten att itera över en matris är att använda for… ofloop.

För att lära dig mer om for… ofslingan, besök JavaScript för … of loop.

Intressanta artiklar...