JavaScript Цикл For In
For In
JavaScript оператор for in
перебирает свойства объекта:
Синтаксис
for (ключ в объекте) {
// блок кода, подлежащий выполнение
}
Пример
const person = {fname:"Щипунов", lname:"Андрей", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
Попробуйте сами »
Объяснение примера
- Цикл for in выполняет итерацию по объекту person
- Каждая итерация возвращает ключ (x)
- Ключ используется для доступа к значению ключа
- Значение ключа равно person[x]
Метод For In над массивами
JavaScript оператор for in
, также может перебирать свойства массива:
Синтаксис
for (переменная в массиве) {
code
}
Пример
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
Попробуйте сами »
Не используйте цикл for in над массивом, если важен порядок индекса.
Порядок индексов зависит от реализации, и доступ к значениям массива может осуществляться не в том порядке, в котором вы ожидаете.
Лучше использовать for, for of или forEach(), когда важен порядок.
Метод массива forEach()
Метод forEach()
вызывает функцию (функцию обратного вызова) один раз для каждого элемента массива.
Пример
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
Попробуйте сами »
Обратите внимание, что функция принимает 3 аргумента:
- Значение элемента
- Индекс элемента
- Сам массив
В приведенном выше примере используется только параметр value. Его можно переписать следующим образом:
Пример
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}
Попробуйте сами »