JavaScript 배열 방법을 알아야 합니다

이 가이드에서는 여섯 가지 기본 JavaScript 배열 방법인 filter, map, reduce, some, every 및 includes을 살펴봅니다. 이러한 내용을 익히면 JavaScript 프로그래밍 기술이 크게 향상됩니다.

1. filter() 방법:

filter() 메소드는 지정된 조건을 만족하는 요소만 포함하는 새 배열을 만듭니다. 조건에 맞지 않는 요소는 생략됩니다.

작동 방식:

• 각 배열 요소를 반복합니다.
• 각 요소에 콜백 함수를 적용합니다.
• 콜백이 true을 반환하면 요소가 새 배열에 포함됩니다. 그렇지 않으면 제외됩니다.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

출력:

<code class="language-javascript">[
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 }
]</code>

2. map() 방법:

map() 메소드는 배열의 각 요소를 변환하고 변환된 요소가 포함된 새 배열을 반환합니다.

작동 방식:

• 각 배열 요소를 반복합니다.
• 각 요소에 콜백 함수를 적용합니다.
• 콜백의 반환 값은 새 배열의 원래 요소를 대체합니다.

<code class="language-javascript">let decimalNumbers = [222, 354, 4684, 123, 5];

// Convert decimal numbers to hexadecimal
let hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);</code>

3. reduce() 방법:

reduce() 메소드는 각 요소에 콜백 함수를 반복적으로 적용하여 단일 결과 값을 누적합니다.

작동 방식:

• 배열 전체를 반복합니다.
• 누산기와 현재 요소에 콜백을 적용합니다.
• 콜백 결과가 새로운 누산기 값이 됩니다.
• 최종 누산기 값이 반환됩니다.

<code class="language-javascript">let numbers = [1, 2, 3, 4, 5];

// Calculate the sum of all numbers
let sum = numbers.reduce((accumulator, current) => accumulator + current, 0);

console.log(sum); // Output: 15</code>

4. some() 방법:

some() 메소드는 적어도 하나의 요소가 주어진 조건을 만족하는지 확인합니다. 일치하는 항목이 있으면 true을 반환하고, 그렇지 않으면 false을 반환합니다.

작동 방식:

• 배열 전체를 반복합니다.
• 조건을 만족하는 요소를 찾는 즉시 true 중지하고 반환합니다.
• 조건을 만족하는 요소가 없으면 false를 반환합니다.

<code class="language-javascript">let ages = [16, 20, 14, 18];

// Check if at least one person is an adult (≥ 18)
let hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // Output: true</code>

5. every() 방법:

every() 메소드는 모든 요소가 주어진 조건을 만족하는지 확인합니다. 모든 요소가 통과하는 경우에만 true를 반환합니다. 그렇지 않으면 false.

작동 방식:

• 배열 전체를 반복합니다.
• 요소가 조건을 만족하지 않으면 즉시 false을 반환합니다.
• 모든 요소가 통과하는 경우에만 true을 반환합니다.

<code class="language-javascript">let scores = [80, 85, 90, 95];

// Check if all scores are above 75
let allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // Output: true</code>

6. includes() 방법:

includes() 메소드는 배열에 특정 값이 포함되어 있는지 확인합니다. 발견되면 true, 그렇지 않으면 false를 반환합니다.

작동 방식:

• 완전 항등(===)을 사용하여 값을 검색합니다.
• 선택적으로 시작 인덱스를 지정할 수 있습니다.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

위 내용은 JavaScript 배열 방법을 알아야 합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!