>  기사  >  웹 프론트엔드  >  JavaScript에서 foreach 함수를 사용하는 방법

JavaScript에서 foreach 함수를 사용하는 방법

不言
不言원래의
2018-12-24 16:16:479286검색

JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서는 배열이 여러 데이터를 처리할 수 있으며, foreach 함수는 배열의 각 데이터에 대해 유사한 처리를 수행할 수 있습니다. 이 글에서는 JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수의 사용법을 자세히 소개합니다.

JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법

먼저 foreach 함수

의 기본 구문을 살펴보겠습니다. 콜백 함수는 배열의 각 데이터에 대해 실행되는 프로세스입니다.

数组.foreach(回调函数)

반복 처리를 위해 foreach 함수를 사용하겠습니다

구체 코드는 다음과 같습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법</title>
  </head>
  <body>
    <script>
    var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
    cats.forEach(function( cat ) {
      console.log( cat );
    });
    var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
    runners.forEach(function( runner, index ) {
      console.log("第" + (index + 1) + "是" + runner + "同学。" );
    });
    </script>
  </body>
</html>

실행 결과는 다음과 같습니다

JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법

위 코드를 자세히 분석해 보겠습니다

코드 1:

var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
cats.forEach(function( cat ) {
console.log( cat );
});

"cats" 배열을 설정하고 각 배열 데이터에 대해 foreach 처리를 수행합니다. 이 함수는 배열의 각 데이터를 cat이라는 변수로 받아 console.log에 출력합니다. 배열의 데이터에 대해 이 작업을 반복합니다.

결과적으로 다음 문자열이 출력됩니다.

JavaScript에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법에서 foreach 함수를 사용하는 방법

Code 2:

var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
runners.forEach(function( runner, index ) {
console.log( (index + 1) + "第二位是" + runner + "同学。" );
});

콜백 함수는 데이터 인덱스 번호를 매개변수로 가져올 수 있습니다.

"러너" 배열을 설정하고 각 배열 데이터에 대해 foreach 처리를 수행합니다.

결과적으로 다음 문자열이 출력됩니다.

JavaScript에서 foreach 함수를 사용하는 방법

이 기사는 여기서 끝납니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 튜토리얼 열을 주목하세요! ! !

위 내용은 JavaScript에서 foreach 함수를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.