W tym przykładzie nauczysz się pisać program JavaScript, który będzie przechodził przez obiekt.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- Obiekty JavaScript
- JavaScript dla… w pętli
Przykład 1: Pętla przez obiekt przy użyciu for… in
// 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); )
Wynik
imię - Jan wiek - 20 hobby - („czytanie”, „gry”, „kodowanie”)
W powyższym przykładzie for… in
pętla jest używana do przechodzenia przez student
obiekt.
Dostęp do wartości każdego klucza uzyskuje się za pomocą student(key)
.
Uwaga : for… in
pętla zlicza również dziedziczone właściwości.
Na przykład,
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); )
Wynik
imię - Jan wiek - 20 hobby - („czytanie”, „gry”, „kodowanie”) płeć - mężczyzna
Jeśli chcesz, możesz wykonać pętlę tylko przez własną właściwość obiektu przy użyciu hasOwnProperty()
metody.
if (student.hasOwnProperty(key)) ( ++count: )
Przykład 2: Pętla przez obiekt przy użyciu Object.entries i dla… z
// 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); )
Wynik
imię - Jan wiek - 20 hobby - („czytanie”, „gry”, „kodowanie”)
W powyższym programie obiekt jest zapętlony za pomocą Object.entries()
metody i for… of
pętli.
Object.entries()
Metoda zwraca tablicę par klucz / wartość danego obiektu. for… of
Pętli służy do pętli tablicy.