JavaScript For In
Цикл For In
JavaScript оператор for in
перебирает свойства объекта:
Синтаксис
for (ключ в объекте) {
// блок кода, который должен быть выполнен
}
Пример
const person = {fname:"John", lname:"Doe", 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 или Array.forEach().
Array.forEach()
Метод forEach()
вызывает функцию callback (функцию обратного вызова) один раз для каждого элемента массива.
Пример
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
Попробуйте сами »
Обратите внимание, что функция принимает 3 аргумента:
- Значение элемента
- Индекс элемента
- Сам массив
В приведенном выше примере используется только параметр значения. Его можно переписать на:
Пример
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}
Попробуйте сами »