TypeScript 메소드?

BOONG GI JUNG·2024년 1월 29일

Language

목록 보기
12/13

TypeScript의 메소드

TypeScript는 JavaScript의 상위 집합 언어이므로 TypeScript에서 자주 사용되는 함수들은 JavaScript에서 자주 사용되는 함수와 유사합니다. TypeScript에서 사용하는 일부 자주 쓰이는 함수 및 함수 유틸리티에 대한 몇 가지 예제를 제공합니다.

예시

Array.prototype.map
배열의 각 요소에 대해 주어진 함수를 호출하고 그 결과를 새 배열로 반환합니다.

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map((num) => num * num);
console.log(squaredNumbers); // [1, 4, 9, 16, 25]

Array.prototype.filter
주어진 함수의 조건을 만족하는 배열 요소만 필터링하여 새 배열을 생성합니다.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

Array.prototype.reduce
배열 요소를 왼쪽에서 오른쪽으로 순회하면서 주어진 함수를 사용하여 값을 축적합니다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 15

Array.prototype.forEach
배열의 각 요소에 대해 주어진 함수를 호출합니다.

const fruits = ['apple', 'banana', 'cherry'];
fruits.forEach((fruit) => {
  console.log(fruit);
});

Array.prototype.find
주어진 조건을 만족하는 첫 번째 배열 요소를 반환합니다.

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
];
const user = users.find((user) => user.id === 2);
console.log(user); // { id: 2, name: 'Bob' }

Array.prototype.some 및 Array.prototype.every
조건을 만족하는 요소가 배열에 하나 이상 있는지 확인하거나 모든 요소가 조건을 만족하는지 확인합니다.

const numbers = [1, 2, 3, 4, 5];
const hasEvenNumber = numbers.some((num) => num % 2 === 0);
console.log(hasEvenNumber); // true
const allEvenNumbers = numbers.every((num) => num % 2 === 0);
console.log(allEvenNumbers); // false

결론

이것은 TypeScript에서 자주 사용되는 몇 가지 기본 함수의 예제에 불과합니다. TypeScript는 JavaScript와 함께 사용되며 JavaScript 생태계의 다양한 라이브러리 및 함수를 활용할 수 있습니다. 필요에 따라 추가 함수 및 라이브러리를 사용할 수 있습니다.

profile
새로운 기술을 즐기는 라이프 하루에 한번 포스팅하기!

0개의 댓글