USER-MASTER.ORG

Четверг, 01 февраля 2018 22:35

Перебор свойств объекта без использования for..in в JavaScript

Свойства объекта в JavaScript можно перебрать с помощью цикла for..in.

Сейчас изучаю JavaScript на онлайн-курсах. Дали задачу: перебрать ключи объекта с помощью цикла for..in и вывести в консоль пару - "ключ : значение". То же самое сделать без использования for..in. Задачу решил.

Интерес составляет вторая часть задачи, т.е. вывод в консоль пары "ключ : значение" объекта без использования for..in.

Создаем объект.

const o = {
  key1 : "value1",
  key2 : "value2",
  key3 : "value3",
  key4 : "value4"
};

Создаем функцию для обработки нашего объекта

function show (obj) {
  console.log("===== Without for in =====");
  }

Получаем массив ключей объекта с помощью метода Object.keys(obj) и присваиваем этот массив в переменную.

function show(obj) {
    console.log("===== Without for in =====");

    let ok = Object.keys(obj);
  }

Далее перебираем этот массив с помощью метода forEach.

function show(obj) {
  console.log("===== Without for in =====");
  
    let ok = Object.keys(obj);
  
    ok.forEach((item, i) => console.log( ok[i] + ": " + obj[ok[i]]));
}

Вызываем функцию

show(o);

Финальный код.

const o = {
  key1 : "value1",
  key2 : "value2",
  key3 : "value3",
  key4 : "value4"
};


function show(obj) {
  console.log("===== Without for in =====");
  
    let ok = Object.keys(obj);
  
    ok.forEach((item, i) => console.log( ok[i] + ": " + obj[ok[i]]));
}

show(o);

Смотрим в CodePan.

Прочитано 143 раз Последнее изменение Четверг, 01 февраля 2018 23:12

Добавить комментарий

Защитный код
Обновить

Поиск