В динамичном мире программирования манипулирование данными играет решающую роль. TypeScript — один из популярных языков, предоставляющий разработчикам мощные возможности извлечения данных. В этой статье блога мы окунемся в мир метода «extract» TypeScript и рассмотрим его различные применения. Приготовьтесь усовершенствовать свои навыки манипулирования данными!

1. Извлечение массива.
   Давайте начнем с практического примера извлечения определенных элементов из массива с помощью метода извлечения TypeScript. Предположим, у нас есть массив чисел, и мы хотим извлечь только четные числа:

const numbers: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4, 6, 8, 10]

1. Извлечение строк:
   Метод извлечения не ограничивается массивами; его также можно использовать для манипуляций со строками. Допустим, у нас есть предложение и мы хотим извлечь все заглавные буквы:

const sentence: string = "Hello World! It's TypeScript Extract time.";
const uppercaseLetters = sentence.split('').filter((char) => char === char.toUpperCase());
console.log(uppercaseLetters.join('')); // Output: "HWTSE"

1. Извлечение объекта.
   Мы также можем использовать метод извлечения для извлечения определенных свойств из объекта. Рассмотрим следующий пример, в котором мы хотим извлечь свойства имени и возраста из массива объектов-людей:

type Person = {
  name: string;
  age: number;
};
const people: Person[] = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 },
];
const extractedProperties = people.map(({ name, age }) => ({ name, age }));
console.log(extractedProperties);
// Output:
// [
//   { name: 'Alice', age: 25 },
//   { name: 'Bob', age: 30 },
//   { name: 'Charlie', age: 35 }
// ]

1. Расширенное извлечение:
   Метод извлечения становится еще более мощным в сочетании с другими функциями TypeScript. Допустим, у нас есть массив объектов, и мы хотим извлечь уникальные значения определенного свойства:

type Fruit = {
  name: string;
  color: string;
};
const fruits: Fruit[] = [
  { name: 'Apple', color: 'Red' },
  { name: 'Banana', color: 'Yellow' },
  { name: 'Apple', color: 'Green' },
  { name: 'Orange', color: 'Orange' },
];
const uniqueFruitNames = [...new Set(fruits.map((fruit) => fruit.name))];
console.log(uniqueFruitNames); // Output: ["Apple", "Banana", "Orange"]

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

Итак, чего же вы ждете? Начните извлекать и преобразовывать данные с помощью TypeScript уже сегодня!