For-Each 루프는 TypeScript에서 어떻게 작동합니까?

For Each Lupeuneun Typescripteseo Eotteohge Jagdonghabnikka



배열 또는 기타 반복 가능한 객체의 요소에 대한 반복은 일반적인 프로그래밍 작업이며 TypeScript는 'forEach()' 메서드를 사용하여 구현되는 'For-Each' 루프를 사용하여 이를 수행하는 쉬운 방법을 제공합니다. 배열의 인덱스나 길이에 대한 걱정 없이 배열 또는 반복 가능한 객체의 각 요소에 대한 코드 블록을 실행할 수 있습니다. 따라서 데이터 필터링, 매핑 및 변환에 유용한 도구가 됩니다.

이 튜토리얼은 TypeScript에서 For-Each 루프의 작동을 설명합니다.

For-Each 루프는 TypeScript에서 어떻게 작동합니까?

TypeScript에서 ' 각각 ” 루프는 '각각() ” 메서드는 Array 개체의 미리 정의된 메서드입니다. 배열 요소 또는 기타 반복 가능한 객체를 반복하는 데 사용됩니다. 배열의 모든 요소에 대해 실행되는 콜백 함수를 인수로 받아들입니다.







통사론
다음 구문은 For-Each 루프에 사용됩니다.



각각 ( callbackFunc )

여기서 'callbackFunc'는 배열의 각 요소를 테스트하는 데 사용되는 함수입니다.



예를 들어 위 구문을 다음과 같이 사용합니다.





array.forEach ( 기능 ( ) {
// 실행할 코드 ~을 위한 각 요소
} ) ;


다음 예제에는 '라는 문자열 유형 배열이 있습니다. 단지 ”:

허락하다 언어: 문자열 [ ] = [ '자바스크립트' , '제이쿼리' , '자바' ] ;

forEach() 메서드를 For-Each 루프로 호출하여 배열을 반복하고 콘솔에 배열의 각 요소를 표시합니다.

lang.forEach ( 기능 ( ) {
console.log ( ) ;
} ) ;

'tsc' 명령을 사용하여 TypeScript 파일을 트랜스파일합니다.

tsc forEachLoop.ts

이제 코드가 JavaScript로 변환되었으므로 이제 주어진 명령을 사용하여 JavaScript 파일을 실행합니다.

노드 forEachLoop.js

출력은 For-Each 루프를 사용하여 배열을 반복하여 배열 요소가 콘솔에 성공적으로 표시되었음을 나타냅니다.

'For-Each' 루프는 배열에만 사용되는 것이 아닙니다. 반복 가능한 객체와 함께 사용할 수도 있습니다. 여기에서 '라는 객체를 반복합니다. 시간 정보 ”에는 3개의 키-값 쌍이 있습니다.

허락하다 표준 정보 = {
ID : 5 ,
이름: '밀리' ,
나이: 열 다섯
} ;

Object.keys() 메서드와 함께 For-Each 루프를 사용하여 객체를 반복하여 연결된 값과 함께 객체의 속성을 인쇄합니다.

Object.keys ( 시간 정보 ) .각각 ( 기능 ( 열쇠 ) {
console.log ( 키 + ':' + 시간 정보 [ 열쇠 ] ) ;
} ) ;

산출

이것이 TypeScript에서 For-Each 루프의 작동에 관한 전부입니다.

결론

'For-Each' 루프는 TypeScript에서 ' 각각() ” 배열 요소 또는 기타 반복 가능한 객체를 통해 반복하는 데 사용되는 메서드입니다. 배열의 모든 요소에 대해 실행되는 콜백 함수를 인수로 받아들입니다. 이 튜토리얼은 TypeScript에서 For-Each 루프의 작동을 보여줍니다.