JavaScript 배열 이터레이션 메서드

함수배열의배열의 각 요소에 대해 한 번의 작업을 수행하는 메서드는

메서드.배열의이터레이션

메서드는 루프와 밀접하게 관련이 있습니다.

forEach()Array.forEach()

배열의 각 요소에 대해 제공된 함수(콜백 함수)를 한 번 실행할 수 있습니다.forEach()배열의 각 요소를 문서에 출력합니다.

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element, index, array) {
　　　　fruits.forEach(function(element) {　+= index　+　: ""　+　element　+　= element
});

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

그래서2개의 매개변수(인덱스, 배열)는 선택 사항이므로, 그들을 건너뛰를 수 있습니다:

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
}}
　　　　fruits.forEach(function(element) {　+result.innerHTML　+　= element
});

"<br>";

Array.map()map()

메서드는 새 배열을 반환하며, 원래 배열을 변경하지 않습니다. 새 배열의 요소는 원래 배열의 요소에 대해 함수를 호출하여 처리된 값으로, 원래 배열의 요소 순서로 처리됩니다.

주의: map()는 공백 배열을 검사하지 않습니다.2요소를 새 배열로 만듭니다:

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16});
var nums = [2　= nums1.map(twice);
아래의 예제에서는 각 값에
　　　return (element　*　2);
}

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

그래서2개의 매개변수(인덱스, 배열)는 선택 사항이므로, 그들을 건너뛰를 수 있습니다:

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16});
var nums = [2　= nums1.map(twice);
function twice(element) {
　　　return (element　*　2);
}

Array.filter()

filter()는 JavaScript의 Array의 일반적인 작업으로, Array의 일부 요소를 필터링하고 나머지 요소를 반환합니다. 주요 원리는 filter는 입력된 함수를 각 요소에 대해 순차적으로 적용하고, 반환된 값이 true인지 false인지에 따라 요소를 유지하거나 버립니다.

아래의 예제에서, 값이等于 또는 크게 같은18요소를 새 배열로 만듭니다:

var age = [1,　30,　39,　29,　10,　13});
var val = age.filter(isAdult);
function isAdult(element, index, array) {
　　　　return element >=　18;
}

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

그래서2개의 매개변수(인덱스, 배열)는 선택 사항이므로, 그들을 건너뛰를 수 있습니다:

var age = [1,　30,　39,　29,　10,　13});
var val = age.filter(isAdult);
function isAdult(element) {
　　　　return element >=　18;
}

Array.reduce()

reduce()메서드는 함수를 축적자로 받아, 배열의 각 값(왼쪽에서 오른쪽으로)부터 축적 시작하여 마지막으로 하나의 값을 계산합니다.

이는 숫자에서 흔히 볼 수 있는 것입니다. 예를 들어, 배열에서 모든 숫자의 합을 찾습니다.

var nums = [10,　20,　30,　40,　50];
var sum = nums.reduce(getTotal);
function getTotal(x, y) {
　　　　return (x　+　y);
}

이 함수는 다음과 같은4개参数：

• 초기 값/이전에 반환된 값( 필수 )

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

Array.find()

find()메서드는 지정된 검사를 통과한 배열의 첫 번째 값을 반환합니다.

아래의 예제에서는,等于 또는 크게 같은18의 첫 번째 요소:

var num = [1,　30,　39,　29,　10,　13});
var val = num.find(myFunc);
function myFunc(element) {
　　　　return element >=　18;
}

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

Array.findIndex()

findIndex()findIndex() 메서드는 지정된 검사를 통과한 배열의 첫 번째 인덱스 값을 반환합니다.

아래의 예제에서는 지정된 조건을 만족하는 배열의 첫 번째 인덱스 값을 찾습니다.18의 첫 번째 요소의 인덱스 값을 찾습니다：

var num = [1,　30,　39,　29,　10,　13});
var val = num.findIndex(myFunc);
function myFunc(element) {
　　　　return element >=　18;
}

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

Array.every()

every()메서드는 배열의 모든 요소가 지정된 조건을 만족하는지 검사하는 용도로 사용됩니다(함수를 통해 검사를 제공합니다).

아래의 예제는 모든 배열 값이 지정된 조건을 만족하는지 확인합니다18：

var nums = [1,　30,　39,　29,　10,　13});
var bool = nums.every(function(element) {
　　　　return element >=　18;
});
document.getElementById("result").innerHTML = bool;

이 함수는 다음과 같은 매개변수를 가집니다3개参数：

• 요소 값(필수)

• 요소 인덱스(선택)

• 배열 자체(선택)

완전 배열 참조

완전한 속성과 메서드 참조에 대한 정보는 다음을 방문하세요JavaScript Array 배열 참조。

참조 부분에는 모든 배열 속성과 메서드의 설명과 예제가 포함되어 있습니다.