JavaScript에서 무언가를 반복하는 방법은 무엇입니까?

Javascripteseo Mueongaleul Banboghaneun Bangbeob Eun Mueos Ibnikka



되풀이 동적 및 대화형 웹 페이지를 구축하는 데 때때로 필요합니다. JavaScript의 반복은 작업 자동화, 유연/동적 웹 애플리케이션 개발, 향상된 사용자 경험 등과 같은 다양한 기능을 제공합니다. JavaScript에서는 다양한 방법을 사용하여 반복을 수행할 수 있습니다.

이 기사에서는 JavaScript에서 어떤 일이 반복될 수 있는 다양한 방법에 대해 설명합니다.

JavaScript에서 무언가를 반복하는 방법은 무엇입니까?

JavaScript에서는 다음과 같은 방법으로 문자열을 반복할 수 있습니다.







각 방법을 자세히 살펴보겠습니다.



방법 1: While 루프를 사용하여 JavaScript에서 무언가 반복

하는 동안 ”는 특정 조건에서 반복적으로 실행되는 JavaScript의 제어 흐름 문입니다. 조건은 각 반복 전에 검토됩니다. while 루프는 조건이 정확할 때까지 실행됩니다. 조건이 거짓이면 루프 실행이 중지됩니다. 다음 코드는 while 루프를 사용하는 JavaScript의 반복 프로세스를 보여줍니다.



문서 유형 HTML >

< HTML >

< 스크립트 >

기능 반복 ( str, 카운트 ) {

rpt_Str을 보자 = ' ' ;

~하는 동안 ( 세다 > 0 ) {

rpt_Str += str ;

세다 --;

}

반품 rpt_Str ;

}

문서. 쓰다 ( 반복하다 ( '테일러' , 6 ) ) ;

스크립트 >

HTML >

위의 예에서:

  • 반복() 함수는 'str' ​​및 'count' 매개변수를 사용하여 스크립트 태그 내에 정의됩니다.
  • 다음으로 빈 문자열 “rpt_str”을 정의하고 개수가 0보다 크게 유지되는 조건으로 while 루프를 시작했습니다.
  • 'rpt_str'에는 'str' ​​값이 포함되어 있으며 조건이 더 이상 참이 아닌 한 while 루프가 작동합니다. 이 경우 count 값은 6이므로 문자열이 6번 출력됩니다.

산출

문자열 'TAYLOR'는 6번 반복되며 이는 개수와 동일합니다.

방법 2: ES6peat()를 사용하여 JavaScript에서 무언가 반복

ES6 반복하다() JavaScript에서 문자열을 반복하는 데 사용할 수 있습니다. 호출 시 특정 중복 항목이 있는 문자열이 반환됩니다. 다음은peat()를 사용하여 문자열을 반복하는 방법을 보여주는 코드의 예입니다.

문서 유형 HTML >

< HTML >

< 스크립트 >

함수 rpt_str ( str,count ) {

만약에 ( 세다 > 0 )

반품 str.str. 반복하다 ( 세다 ) ;

또 다른

반품 '' ;

}

문서. 쓰다 ( rpt_str ( ' 자바스크립트 ' , 5 ) ) ;

스크립트 >

HTML >

위의 코드에서,

  • 'rpt_str()' 함수는 str 및 count 매개변수로 정의됩니다.
  • str 값은 count에 할당된 값에 따라 반복되는 'JavaScript'로 할당됩니다.

산출

이 예에서 count에 할당된 값은 5이므로peat() 함수는 JavaScript를 5번 반복합니다.

방법 3: 재귀를 사용하여 JavaScript에서 무언가 반복

재귀를 사용하면 원하는 결과를 얻지 못하는 경우 함수가 자신을 반복적으로 호출할 수 있습니다. 재귀에서 재귀를 종료하려면 기본/기본 사례를 지정해야 합니다. 이는 일반적으로 조건절 내에 있습니다. 재귀 함수는 원하는 결과를 얻을 때까지 자신을 반복적으로 호출하여 작동합니다. 다음 예는 JavaScript에서 반복을 수행하는 재귀 방법을 이해하는 데 도움이 됩니다.

! 문서 유형 HTML >

< HTML >

< 스크립트 >

함수 rpt_str ( str,count ) {

만약에 ( 세다 < 0 )

반품 '' ;

만약에 ( 세다 === 1 )

반품 str ;

또 다른

반품 str + rpt_str ( str, 카운트 - 1 ) ;

}

문서. 쓰다 ( rpt_str ( ' 코드 ' , 7 ) ) ;

스크립트 >

HTML >

위 코드에서:

  • 'rpt_str()' 함수는 'str' ​​및 'count' 매개변수로 정의됩니다.
  • 개수 값이 0보다 작으면 빈 문자열이 반환됩니다. count 값이 1이면 str을 반환하고 str 값이 1보다 크면 함수는 str의 입력 값과 rpt_str(str, count – 1)의 결과를 연결합니다.
  • 여기서 str의 값은 'CODE'이고 count의 값은 7이므로 반복되는 문자열은 CODE를 7번 인쇄합니다.

산출:

방법 4: fill() 함수를 사용하여 JavaScript에서 무언가 반복

자바스크립트는 채우다() 정적 값으로 배열을 채울 수 있는 메서드입니다. JavaScript에서 무언가를 반복하기 위해 Join() 함수와 함께 사용할 수 있습니다. 예를 들어, fill() 함수를 사용하여 문자열 값을 빈 배열에 삽입하고 Join() 함수와 결합하여 반복되는 문자열을 얻을 수 있습니다. 다음은 fill() 함수를 사용하여 문자열을 반복하는 방법을 보여주는 코드의 예입니다.

< HTML >

< >

< 스크립트 >

str을 보자 = '프런트엔드'

rpt_str을 보자 = 정렬 ( 5 ) . 채우다 ( str ) . 가입하다 ( '' )

문서. 쓰다 ( rpt_str ) ;

스크립트 >

>

HTML >

위의 예에서:

  • 변수 str이 정의되고 ' FRONTEND ' 값으로 할당됩니다.
  • Array(5) 함수는 문자열이 채워지고 결합되어 반복되는 문자열을 형성하는 5개의 슬롯을 생성합니다. 값은 'rpt_str' 변수에 저장됩니다.
  • document.write(rpt_str)는 반복되는 문자열을 인쇄합니다.

산출

코드를 실행하면 'FRONTEND' 문자열이 5번 반복됩니다.

이는 다양한 방법을 사용하여 JavaScript에서 무언가를 반복하는 것입니다.

결론

JavaScript에서 무언가를 반복하는 일반적인 방법은 요소의 반복 횟수를 나타내는 지정된 매개변수를 사용하는 ES6의peat() 함수를 사용하는 것입니다. while 루프, 재귀 함수 또는 fill() 메서드 사용과 같은 다른 방법입니다. 이 문서에서는 JavaScript에서 무언가를 반복할 수 있는 다양한 방법을 예제와 함께 설명합니다.