> 웹 프론트엔드 > JS 튜토리얼 > 필수 JavaScript 배열 메서드

필수 JavaScript 배열 메서드

Mary-Kate Olsen
풀어 주다: 2024-11-08 20:14:02
원래의
534명이 탐색했습니다.

ssential JavaScript Array Methods

JavaScript 배열은 코딩을 더 간단하고 깔끔하게 만들어주는 강력한 단일 라이너와 함께 제공됩니다. 다음은 몇 가지 키 배열 방법을 익히는 빠른 가이드입니다.

배열 필터링: .filter()는 테스트를 통과한 요소로 새 배열을 생성합니다.

const oddNumbers = [1, 2, 3, 4, 5, 6].filter(num => num % 2 !== 0); // [1, 3, 5]
로그인 후 복사

배열 매핑: .map()은 모든 요소에 함수를 적용합니다.

const doubled = [1, 2, 3, 4, 5].map(num => num * 2); // [2, 4, 6, 8, 10]
로그인 후 복사

배열 줄이기: .reduce()는 모든 요소를 ​​처리하여 단일 결과를 생성합니다.

const sum = [1, 2, 3, 4, 5].reduce((total, num) => total + num, 0); // 15

로그인 후 복사

*요소 찾기: *.find()는 조건을 충족하는 첫 번째 요소를 반환합니다.

const firstEven = [1, 2, 3, 4, 5].find(num => num % 2 === 0); // 2
로그인 후 복사

조건 확인: .some() 및 .every() 일부 또는 모든 요소가 테스트를 통과하는지 확인합니다.

const hasEven = [1, 3, 5, 7, 8].some(num => num % 2 === 0); // true

로그인 후 복사

배열 평면화: .Flat()는 중첩된 배열을 단일 수준 배열로 변환합니다.

const flattened = [1, [2, 3], [4, [5, 6]]].flat(2); // [1, 2, 3, 4, 5, 6]
로그인 후 복사

중복 제거: Set을 사용하면 중복이 제거됩니다.

const uniqueNumbers = [...new Set([1, 2, 2, 3, 4, 4, 5])]; // [1, 2, 3, 4, 5]
로그인 후 복사

배열 정렬: .sort()는 숫자를 정렬합니다.

const sortedNumbers = [5, 2, 9, 1, 5, 6].sort((a, b) => a - b); // [1, 2, 5, 5, 6, 9]
로그인 후 복사

이러한 한 줄짜리 코드를 사용하면 코드를 대폭 간소화할 수 있습니다. 더 자세히 알아보려면 JavaScript 치트시트 등을 확인하세요

위 내용은 필수 JavaScript 배열 메서드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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