U ovom ćete primjeru naučiti pisati JavaScript program koji će se petljati kroz objekt.
Da biste razumjeli ovaj primjer, trebali biste imati znanje o sljedećim temama programiranja JavaScript:
- JavaScript objekti
- JavaScript za … u petlji
Primjer 1: Korištenje petlje kroz objekt za… u
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using for… in for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Izlaz
ime - Ivanova dob - 20 hobija - ("čitanje", "igre", "kodiranje")
U gornjem primjeru for… inpetlja se koristi za petlju kroz studentobjekt.
Vrijednosti svakog ključa pristupa se pomoću student(key).
Napomena : for… inPetlja će također brojati naslijeđena svojstva.
Na primjer,
const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); const person = ( gender: 'male' ) // inheriting property student.__proto__ = person; for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Izlaz
ime - Ivan dob - 20 hobija - ("čitanje", "igre", "kodiranje") spol - muški
Ako želite, možete provući kroz vlastito svojstvo objekta samo pomoću hasOwnProperty()metode.
if (student.hasOwnProperty(key)) ( ++count: )
Primjer 2: Petlja kroz objekt koristeći Object.entries i za … of
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using Object.entries // using for… of loop for (let (key, value) of Object.entries(student)) ( console.log(key + " - " + value); )
Izlaz
ime - Ivanova dob - 20 hobija - ("čitanje", "igre", "kodiranje")
U gornjem programu objekt se petlja pomoću Object.entries()metode i for… ofpetlje.
Object.entries()Metoda vraća niz od određenog objekta ključ / vrijednost parova. for… ofPetlja se koristi za petlju kroz niz.
