>  기사  >  웹 프론트엔드  >  JavaScript: forEach, map, Arrow 함수, setTimeout, setInterval, 필터, 일부, 모든 및 감소

JavaScript: forEach, map, Arrow 함수, setTimeout, setInterval, 필터, 일부, 모든 및 감소

WBOY
WBOY원래의
2024-08-08 06:47:11344검색

JavaScript: forEach, map, Arrow Functions, setTimeout, setInterval, filter, some, every, and reduce

forEach 메서드

forEach는 배열을 반복하는 데 사용됩니다. 다음은 간단한 예입니다:

으아악

이제 객체 배열과 함께 forEach를 사용해 보겠습니다.

으아악

지도

Map은 배열의 모든 요소에 대해 콜백을 호출한 결과로 새 배열을 생성합니다.

먼저 기본 배열을 반복해 보겠습니다.

으아악

이제 객체 배열을 반복해 보겠습니다.

으아악

화살표 기능

다음과 같이 화살표 함수를 작성하여 구문을 단순화할 수 있습니다.

으아악

영화 예시를 다시 방문하여 화살표 기능을 사용할 수도 있습니다.

으아악

암시적 반환

암시적 반환은 함수를 작성하는 또 다른 간단한 방법입니다. 몇 가지 예는 다음과 같습니다.

으아악

시간 초과 설정

x밀리초 후에 콜백을 실행합니다

으아악

간격 설정

x밀리초마다 콜백을 반복합니다

으아악

결국 콜백을 중지하려면 다음과 같이 하면 됩니다.

으아악

필터 방법

Filter는 콜백 함수 내에서 true를 반환하는 요소로 새 배열을 생성합니다

으아악

배열의 개체를 필터링할 수도 있습니다.

으아악

일부 및 모든

  • 일부 - 콜백 함수에서 배열의 요소 중 하나라도 true를 반환하는지 테스트합니다. 부울을 반환합니다.
으아악
  • Every - 배열의 모든 요소가 콜백 함수에서 true를 반환하는지 테스트합니다. 부울을 반환합니다.
으아악

줄이다

  • 콜백 함수 축소의 첫 번째(그리고 잠재적인 유일한) 인수입니다.
    • 이 함수의 첫 번째 인수는 각 항목을 반복하면서 변경될 수 있는 값입니다.
    • 이 함수의 두 번째 인수는 배열 인덱스의 값입니다.
  • reduce의 선택적 두 번째 인수는 콜백 함수의 첫 번째 값이 시작되는 값입니다.
으아악

객체 배열로도 이 작업을 수행할 수 있습니다.

으아악

리듀서의 초기값을 설정할 수도 있습니다:

으아악

위 내용은 JavaScript: forEach, map, Arrow 함수, setTimeout, setInterval, 필터, 일부, 모든 및 감소의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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