>웹 프론트엔드 >JS 튜토리얼 >JavaScript&#s 배열 강국 마스터하기: forEach, 매핑, 필터링, 축소, 확산 및 휴식

JavaScript&#s 배열 강국 마스터하기: forEach, 매핑, 필터링, 축소, 확산 및 휴식

Patricia Arquette
Patricia Arquette원래의
2024-11-24 14:16:12918검색

Mastering JavaScript

forEach: 요소 반복

forEach 메서드는 배열의 각 요소를 반복하여 각 요소에 대해 제공된 콜백 함수를 실행합니다.

상수 번호 = [1, 2, 3, 4, 5];
숫자.forEach(숫자 => {
console.log(숫자);
});

맵: 변형 요소

map 메소드는 원본 배열의 각 요소에 제공된 함수를 적용하여 새 배열을 생성합니다.

상수 번호 = [1, 2, 3, 4, 5];
const doubledNumbers = 숫자.맵(num => num * 2);
console.log(doubledNumbers); // 출력: [2, 4, 6, 8, 10]

필터: 요소 선택

필터 메소드는 제공된 함수로 구현된 테스트를 통과한 요소만 포함하는 새 배열을 생성합니다.

상수 번호 = [1, 2, 3, 4, 5];
const evenNumbers = 숫자.필터(num   => num % 2 === 0);
console.log(짝수); // 출력:  
[2, 4]

reduce: 값 누적

리듀스 메소드는 누산기와 배열의 각 요소에 대해 함수를 적용하여 배열을 단일 값으로 줄입니다.

상수 번호 = [1, 2, 3, 4, 5];
const sum = number.reduce((accumulator, currentValue) => 누산기
현재값, 0);
console.log(sum); // 출력: 15

확산 연산자(...): 요소 확장

확산 연산자는 반복 가능 항목(배열, 문자열, 객체)을 개별 요소로 확장합니다.

상수 번호 = [1, 2, 3];
const newArray = [...숫자, 4, 5];
console.log(newArray); // 출력: [1, 2, 3, 4, 5]

휴식 연산자(...): 요소 수집
나머지 연산자는 나머지 요소를 배열로 수집합니다.

함수 sum(...숫자) {
return number.reduce((total, num) => 총 num, 0);
}
console.log(sum(1, 2, 3, 4)); // 출력: 10

실제 예:

  1. 짝수 필터링:

상수 번호 = [1, 2, 3, 4, 5, 6];
const evenNumbers = 숫자.필터(num => num % 2 === 0);
console.log(짝수); // 출력: [2, 4, 6]

  1. 제곱된 숫자로 새 배열 만들기:

상수 번호 = [1, 2, 3, 4, 5];
const squaredNumbers = 숫자.맵(num => num * num);
console.log(squaredNumbers); // 출력: [1, 4, 9, 16, 25]

  1. 배열 요소 합산:

상수 번호 = [1, 2, 3, 4, 5];
const sum = number.reduce((accumulator, currentValue) => 누산기
현재값, 0);
console.log(sum); // 출력: 15 

  1. 중첩 배열 평면화:

constnestedArray = [[1, 2], [3, 4], [5]];
const flattenedArray =nestedArray.Flat();
console.log(FlattenedArray); // 출력: [1, 2, 3, 4, 5]

위 내용은 JavaScript&#s 배열 강국 마스터하기: forEach, 매핑, 필터링, 축소, 확산 및 휴식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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