Итерация по объектам — обычная задача при разработке TypeScript. В этой статье мы рассмотрим различные методы перебора объектов, обсудим варианты их использования и приведем примеры кода. К концу вы получите четкое представление о различных подходах к перебору объектов в TypeScript.

Метод 1: использование цикла for...in.
Цикл for...in – это традиционный метод перебора свойств объекта. Он позволяет вам перебирать ключи объекта и получать доступ к соответствующим значениям.

const obj = { name: 'John', age: 25, city: 'New York' };
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    const value = obj[key];
    console.log(`${key}: ${value}`);
  }
}

Метод 2: использование Object.keys
Метод Object.keysвозвращает массив имен собственных перечислимых свойств объекта, который можно использовать для перебора объекта.

const obj = { name: 'John', age: 25, city: 'New York' };
Object.keys(obj).forEach(key => {
  const value = obj[key];
  console.log(`${key}: ${value}`);
});

Метод 3: использование Object.values
Метод Object.valuesвозвращает массив значений собственных перечислимых свойств объекта, что позволяет напрямую перебирать значения объекта.

const obj = { name: 'John', age: 25, city: 'New York' };
Object.values(obj).forEach(value => {
  console.log(value);
});

Метод 4: использование Object.entries
Метод Object.entriesвозвращает массив собственных перечислимых пар ключ-значение объекта, которые можно перебирать с помощью методов массива.

const obj = { name: 'John', age: 25, city: 'New York' };
Object.entries(obj).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

Метод 5. Использование метода map
Метод mapпозволяет преобразовать каждое свойство объекта и вернуть новый массив преобразованных значений.

Метод 5. Использование метода map.
Метод mapпозволяет преобразовать каждое свойство объекта и вернуть новый массив преобразованных значений.

Метод 5. >

const obj = { name: 'John', age: 25, city: 'New York' };
const mappedValues = Object.keys(obj).map(key => {
  const value = obj[key];
  return `${key}: ${value}`;
});
console.log(mappedValues);

Метод 6: использование метода forEach
Метод forEachперебирает свойства объекта и применяет функцию обратного вызова к каждой паре ключ-значение.

Метод 6. Использование метода forEach.
Метод forEachперебирает свойства объекта и применяет функцию обратного вызова к каждой паре ключ-значение.

Метод 6. >

const obj = { name: 'John', age: 25, city: 'New York' };
Object.entries(obj).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

Метод 7. Использование комбинации Object.keysи reduce
Метод reduceможно использовать в сочетании с Object.keysдля выполнения операций над свойствами объекта и накопления значения.

const obj = { name: 'John', age: 25, city: 'New York' };
const result = Object.keys(obj).reduce((accumulator, key) => {
  const value = obj[key];
  return accumulator + value;
}, '');
console.log(result);

В этой статье мы рассмотрели семь различных методов перебора объектов в TypeScript. Каждый метод имеет свои преимущества и подходит для разных сценариев. Используя эти методы, вы можете эффективно перебирать объекты и выполнять различные операции с их свойствами.