В этом руководстве вы узнаете о цикле JavaScript for… in с помощью примеров.
В предыдущих уроках мы рассмотрели:
- JavaScript while и do … while цикл
- JavaScript для цикла
Есть и другие виды петель. for… inЦикл в JavaScript позволяет перебрать все ключи свойств объекта.
JavaScript для… в цикле
Синтаксис for… inцикла:
for (key in object) ( // body of for… in )
На каждой итерации цикла ключевой переменной присваивается ключ. Цикл продолжается для всех свойств объекта.
Примечание . Получив ключи, вы легко сможете узнать их значение.
Пример 1: итерация по объекту
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Вывод
name => Monica class => 7 age => 12
В приведенной выше программе for… inцикл используется для перебора studentобъекта и печати всех его свойств.
- Ключ объекта назначается переменному ключу.
student(key)используется для доступа к значению ключа.
Пример 2: обновление значений свойств
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)`); )
Вывод
Джек: 24000 долларов, Пол: 34000 долларов, Моника: 55000 долларов
В приведенном выше примере for… inцикл используется для перебора свойств salariesобъекта. Затем строка $добавляется к каждому значению объекта.
for… in со строками
Вы также можете использовать for… inцикл для перебора строковых значений. Например,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Вывод
код
for… in с массивами
Вы также можете использовать for… inс массивами. Например,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Вывод
привет 1 JavaScript
Вы узнаете больше о массивах в последующих уроках.
Примечание : вы не должны использовать for… inдля перебора массива, где важен порядок индекса.
Один из лучших способов перебора массива - использование for… ofцикла.
Чтобы узнать больше о for… ofцикле, посетите JavaScript for… of loop.
