TypeScript forEach() 루프

Rana Hasnain Khan 2024년2월15일
TypeScript forEach() 루프

forEach() 루프를 사용하는 방법을 소개하고 장점과 단점에 대해 논의합니다.

TypeScript의 forEach() 루프

배열을 반복하고 해당 배열의 각 요소에 대해 일부 기능을 수행해야 하는 상황이 많이 있습니다. TypeScript에서는 이 함수에 몇 가지 루프를 사용할 수 있습니다.

forEach() 루프를 사용하여 배열을 반복할 수 있습니다. 이 루프를 사용하여 배열의 각 항목을 반복합니다.

Arrays, Maps, Sets와 같은 TypeScript 데이터 유형에서도 사용할 수 있습니다. 등. 이 방법은 배열의 요소를 배열하는 데 도움이 됩니다.

통사론:

forEach() 루프는 아래에 언급되어 있습니다.

array.forEach(callback[, thisObject]);

forEach() 루프는 배열의 오름차순에 따라 제시된 각 요소에 대해 한 번 콜백을 제공하기 위해 실행됩니다.

매개변수 세부사항

콜백은 모든 요소를 평가하는 데 사용되는 함수입니다. 콜백의 이 기능은 아래의 세 가지 인수에서 설명합니다.

  1. 요소 값은 현재 사용되는 항목의 값입니다.
  2. 요소 인덱스는 처리되는 배열에 있는 인덱스의 현재 요소입니다.
  3. 배열forEach()에서 반복되는 메서드입니다.

thisObjectcallback 메서드를 실행해야 할 때 사용됩니다.

반환 값

생성된 배열이 반환됩니다.

let Brands = ['Iphone', 'Samsung', 'Huawei'];
let Store: any[] = [];

Brands.forEach(function(item){
  Store.push(item)
});

console.log(Store);

출력:

TypeScript 예제의 foreach 루프

숫자가 있는 예:

var quantity = [5, 10, 15];
quantity.forEach(function (stock) {
  console.log(stock);
});

출력:

TypeScript의 forEach 루프

TypeScript에서 forEach()의 장점

이것은 아래에 주어진 것처럼 여기에서 언급된 단 하나의 이점입니다.

  1. 적은 코드로 배열을 강조하는 최신 방식입니다.
  2. Iterator, 항목의 인덱스 및 반복할 배열은 해당 매개변수입니다.

TypeScript에서 forEach()의 단점

  1. 기존의 원에 비해 실행 속도가 느립니다.
  2. callback 기능으로 인해 break 문을 사용할 수 없습니다.
  3. 콜백 기능에서 키워드를 사용할 수 없으며 잘못된 결과로 갈 수 있습니다.
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn