> 웹 프론트엔드 > JS 튜토리얼 > 요일/코드 요일: 메서드를 사용한 반복

요일/코드 요일: 메서드를 사용한 반복

WBOY
풀어 주다: 2024-09-06 16:30:02
원래의
690명이 탐색했습니다.

Day /  Days of Code: Iterating with Methods

2024년 9월 5일(목)

안녕하세요 여러분! ?

반복자는 또 다른 JavaScript 강력한 도구입니다. 약간 변형하여 오늘 과제의 이름은 반복자(.forEach(), .map(), .findIndex(), .filter() 및 .reduce())로 지정되었지만 투명하게 설명하자면 이들은 메서드 목적을 달성하기 위해 반복자를 사용합니다.

반복자 메서드 개요

.forEach(): 요소를 반복하고 제공된 기능을 수행합니다
.map(): 요소를 반복하고 함수를 적용하여 새 배열을 만듭니다
.findIndex(): 요소를 반복하고, 일치하는 항목을 찾아 인덱스를 반환합니다
.reduce(): 요소를 반복하고 값을 누적하여 합산
.filter(): 요소를 반복하고 조건에 따라 새 배열을 생성합니다
이러한 메소드는 Array 프로토타입 객체에 속하며 일상적인 반복 프로세스를 추상화하여 데이터를 직접 노출합니다.

오늘의 가장 좋아하는 반복자: .filter()

오늘 이러한 반복자를 탐색하고 실험한 후 확장성 때문에 내가 가장 좋아하는 것이 .filter()라는 것을 알았습니다. 팩토리 함수와 약간 비슷하지만, 특정 양 이상의 모든 요소와 같이 조건과 일치하는 개체의 하위 집합인 한 새 개체를 만드는 데 사용할 수 있습니다.

const bigNumbers = [148, 256, 384, 918, 512];

// Using filter() to get all elements above 200
const allAbove200 = bigNumbers.filter(num => num > 200);

console.log(allAbove200); // Output: [256, 384, 918, 512]
로그인 후 복사
너무 매끄럽고 유선형이어서 거의 아름답습니다.

즐거운 코딩하세요! ?

위 내용은 요일/코드 요일: 메서드를 사용한 반복의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿