JavaScript에서 배열을 반복하는 것은 개발자가 자주 수행하는 기본 작업입니다. JavaScript는 forEach(), map(), filter(), Reduce() 및 for…of를 포함하여 배열을 반복하는 여러 가지 메서드를 제공합니다. 각 방법에는 특정 사용 사례, 이점 및 모범 사례가 있습니다. 이 가이드에서는 다양한 배열 반복 방법을 살펴보고 배열을 효과적으로 반복하여 JavaScript에서 해당 요소를 조작하고 액세스하는 방법을 보여줍니다.

JavaScript에서 배열을 반복하는 방법에는 여러 가지가 있습니다.

자바 로고

내용의 테이블

• 1. console.log() 메소드 사용
• 2. for 루프 사용
• 3. while 루프 사용
• 4. forEach() 메소드 사용
• 5. Every() 메소드 사용
• 6. map() 메소드 사용
• 7. filter() 메소드 사용
• 8. Reduce() 메소드 사용
• 9. some() 메소드 사용하기
• 10.entries() 메소드 사용

1. console.log() 메소드 사용

예: 이 예에서는 인덱스 번호를 사용하여 간단한 배열 요소에 액세스합니다.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]);>

geeks 4 geeks>

JavaScript에서 배열을 반복하는 방법에는 여러 가지가 있습니다. 가장 유용한 것들이 아래에 언급되어 있습니다.

2. for 루프 사용

그만큼 for 루프 주어진 조건이 거짓이 될 때까지 일련의 명령을 반복적으로 실행합니다. C/C++, Java 등과 같은 다른 언어의 루프와 유사합니다.

예: 이 예에서는 배열 반복을 위해 for 루프를 사용하고 있습니다.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) {  console.log(array[index]); }>

1 2 3 4 5 6>

3. while 루프 사용

ㅏ while 루프 JavaScript에서는 주어진 부울 조건에 따라 코드가 반복적으로 실행될 수 있도록 하는 제어 흐름 문입니다.

예: 이 예에서는 배열 반복을 위해 while 루프를 사용하고 있습니다.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) {  console.log(array[index]);  index++; }>

1 2 3 4 5 6>

4. forEach() 메소드 사용

그만큼 forEach() 메서드 순서대로 모든 배열 요소에 대해 제공된 함수를 한 번씩 호출합니다.

예: 이 예제에서는 배열 반복을 위해 forEach() 메서드를 사용하고 있습니다.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); }>

1 2 3 4 5 6>

5. Every() 메소드 사용

그만큼 모든() 메서드 배열의 모든 요소가 테스트를 통과하는지 확인합니다(함수로 제공됨).

예: 이 예에서는 배열 반복을 위해 Every() 메서드를 사용하고 있습니다.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>엑스< 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); }>

At least one element is not less than 5>

6. map() 메소드 사용

ㅏ map() 메서드 모든 요소에 함수를 적용한 다음 새 배열을 반환합니다.

예: 이 예제에서는 배열 반복을 위해 map() 메서드를 사용하고 있습니다.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); square = array.map(사각형); console.log(배열); console.log(사각형);>

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>

7. filter() 메소드 사용

filter() 메서드 배열의 값을 필터링하고 필터링된 새 배열을 반환하는 데 사용됩니다.

예: 이 예에서는 배열 반복을 위해 filter() 메서드를 사용하고 있습니다.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; let evens = array.filter(even); console.log(배열); console.log(evens);>

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]>

8. Reduce() 메소드 사용

감소() 메서드 일부 기능적 논리를 사용하여 배열을 하나의 단일 값으로 줄이는 데 사용됩니다.

예: 이 예에서는 배열 반복을 위해 Reduce() 메서드를 사용합니다.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + 현재; const sum = array.reduce(helperSum, 0); console.log(배열) console.log(sum);>

[ 1, 2, 3, 4, 5, 6 ] 21>

9. some() 메소드 사용하기

some() 메서드 일부 배열 값이 테스트를 통과하는지 확인하는 데 사용됩니다.

예: 이 예에서는 배열 반복을 위해 some() 메서드를 사용하고 있습니다.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>요소< 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') }>

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4>

10.entries() 메소드 사용

항목() 메서드는 배열의 각 인덱스에 대한 키/값 쌍을 포함하는 새로운 Array Iterator 객체를 반환합니다. 이는 각 요소의 인덱스와 값에 모두 액세스하는 데 사용할 수 있습니다.

예: 이 예에서는 배열 반복을 위해 항목() 메서드를 사용하고 있습니다.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); }>

0 1 1 2 2 3 3 4 4 5 5 6>