Цикл For In JavaScript

Цикл For In

JavaScript for in синтаксис итерируется по свойствам объекта:

грамматика

for (key in object) {
  // блок кода для выполнения
}

Пример

const person = {fname:"Bill", lname:"Gates", age:25};
let text = "";
for (let x in person) {
  text += person[x];
}

Попробуйте сами

пример объяснения

  • for in пробежка цикла person объект
  • в каждой итерации возвращается одинключ (x)
  • ключ используется для доступа к значению ключазначение
  • значение ключа person[x]

Итерация For In по массиву

JavaScript for in синтаксис также может итерироваться по свойствам массива:

грамматика

for (variable in array) {
  код
}

Пример

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 параметра:

  • значение элемента
  • индекс элемента
  • сам массив

В приведенном выше примере используется только параметр value. Его можно переписать следующим образом:

Пример

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

Попробуйте сами