이 기사에서는 forEach가 TypeScript의 for 루프와 어떻게 다른지 보여줍니다.
TypeScript의 'for' 루프와 'forEach'는 어떻게 다릅니까?
TypeScript에서 ' 각각 ' 그리고 ' ~을 위한 ” 루프는 배열 또는 기타 반복 가능한 객체를 반복하는 두 가지 기술입니다. 이 두 가지의 주요 차이점은 'for' 루프는 배열 요소에 대한 모든 작업을 수행할 수 있는 범용 루프인 반면 'forEach'는 배열을 반복하고 각각에 대해 함수를 실행하기 위해 특별히 설계된 메서드라는 것입니다. 요소. 몇 가지 일반적인 차이점은 주어진 표에서 설명합니다.
각각 | for 루프 |
---|---|
forEach의 구문은 더 간결하고 읽기 쉽습니다. | for 루프는 forEach보다 구문이 더 복잡하여 읽고 이해하기가 더 어려울 수 있습니다. |
특히 더 큰 배열의 경우 for 루프를 사용하는 것보다 일반적으로 성능이 더 좋습니다. | 전반적으로 성능은 더 좋지만 forEach보다 낮습니다. |
forEach는 각 요소에서 함수를 실행하기 위해 명시적으로 설계되었습니다. | 배열의 각 요소에 대해 모든 작업을 수행할 수 있습니다. |
for 루프보다 유연성이 떨어집니다. | for 루프는 forEach보다 더 유연합니다. |
실제 구현을 진행하기 전에 TypeScript 파일을 실행하려면 JavaScript 파일로 트랜스파일한 다음 지정된 명령을 사용하여 터미널에서 JavaScript 코드를 실행해야 합니다.
tsc 파일명.ts노드 파일명.js
TypeScript에서 'forEach'는 어떻게 작동합니까?
“ 각각 ”는 배열을 반복하고 각 배열 요소에서 함수를 실행할 수 있도록 하는 TypeScript의 미리 빌드된 메서드입니다.
통사론
다음 구문은 forEach 루프에 사용됩니다.
예
홀수 배열을 만듭니다.
배열을 반복하고 forEach 메서드를 사용하여 콘솔에서 배열 요소를 인쇄합니다.
oddNumbers.forEach ( ( 숫자 ) = > {console.log ( 숫자 ) ;
} ) ;
산출
]
TypeScript에서 'for' 루프는 어떻게 작동합니까?
ㅏ ' ~을 위한 ” 루프는 표준 루프입니다. 항목 모음을 반복하고 각 항목에 대해 일부 작업/작업을 수행할 수 있습니다.
통사론
주어진 구문은 'for' 루프에 사용됩니다.
// 루프 본체
}
예
for 루프를 사용하여 위에서 만든 배열을 반복하고 콘솔에 배열 요소를 표시합니다.
console.log ( 홀수 [ 나 ] ) ;
}
산출
TypeScript에서 forEach와 for 루프의 차이점과 관련된 필요한 모든 지침을 컴파일했습니다.
결론
“ 각각 ' 그리고 ' ~을 위한 ” 루프는 배열 또는 기타 반복 가능한 객체를 반복하는 두 가지 기술입니다. 두 접근 방식 모두 배열 요소를 반복하지만 구문과 기능이 다릅니다. 이 두 가지의 주요 차이점은 'for' 루프는 배열 요소에 대한 모든 작업을 수행할 수 있는 범용 루프인 반면 'forEach'는 배열을 반복하고 각각에 대해 함수를 실행하기 위해 명시적으로 설계된 메서드라는 것입니다. 요소. 이 기사에서는 forEach가 TypeScript의 for 루프와 어떻게 다른지 설명했습니다.