배열은 프로그래밍에서 매우 일반적인 데이터 구조이며 많은 최신 프로그래밍 언어에서 지원됩니다. 

일반적으로 배열은 인접한 메모리 위치에 저장된 항목의 모음입니다. 

대부분의 프로그래밍 언어이며 이러한 항목은 동일한 유형입니다. 

그러나 JavaScript에서 배열에 저장된 요소는 동일한 유형일 필요는 없습니다.

https://dev.to/taslangraham/five-powerful-javascript-array-methods-57mi 

JavaScript는 배열에서 수행 할 수 있는 방대한 방법을 제공합니다. 

이 기사에서는 JavaScript에서 배열을 사용하는 방법을 개선 할 수 있는 5 가지 방법에 대해 설명합니다.

자바 스크립트에서 배열 만들기 

JavaScript를 사용하면 두 가지 방법으로 배열을 만들 수 있습니다.

Method 1 

let arr = new Array(); 

Method 2 

let arr = [] 

두 방법 모두 동일한 작업을 수행하지만 실행 속도, 단순성 및 가독성을 위해 두 번째 방법 (배열 리터럴 방법)을 사용하십시오.

Array Methods 

이제 다섯 가지 강력한 JavaScript 배열 방법을 살펴 보겠습니다. 이 방법을 사용하면 코드 가독성과 속도가 확실히 향상됩니다.

예제에서 다음 배열을 사용합니다.

이것은 각 인덱스에서 객체를 보유하는 배열입니다.

filter() method 

filter() 메소드는 filter() 메소드에 제공된 콜백 함수로 구현 된 테스트를 통과하는 모든 요소를 ​​포함하는 새 배열을 작성합니다. 한 번 보자.

콜백 함수 내에서 각 배열 요소의 ticketPrice가 100보다 작은 지 확인했습니다. 콜백 함수가 true를 반환하면 이 요소가 새 배열에 추가됩니다.

map() method 

map() 메소드를 사용하면 배열의 각 요소에 대해 함수가 한 번 호출됩니다. 호출 된 함수의 결과는 새 배열을 만드는 데 사용됩니다.

map() 메서드는 기존 배열의 값을 사용하여 새 배열을 만들거나 배열 내에서 특정 값을 추출 할 때 유용 할 수 있습니다.

모든 영화의 이름을 얻고 싶다고 가정 해 봅시다. 우리는 다음을 할 것입니다.

영화 배열의 각 요소에 대해 실행되는 콜백 함수 안에서 각 요소에서 찾은 영화의 이름을 반환합니다. 그런 다음 movieNames 배열 안에 저장됩니다.

find() method 

find() 메소드는 테스트를 통과 한 배열에서 첫 번째 요소의 값을 리턴합니다 (함수 [콜백]으로 제공).

Queen & Slim 영화에 대한 정보를 원한다면 어떻게 해야 합니까? 우리는 다음을 할 것입니다.

find() 메소드는 콜백 함수가 참 값을 리턴 하는 첫 번째 배열 요소의 값을 리턴 합니다. true 값이 반환되면 배열 내의 나머지 요소를 확인하지 않습니다.

forEach() method 

forEach() 메소드는 for-loop와 유사하게 작동하며 for-loop 대신 사용될 수 있습니다. 배열의 각 요소마다 함수가 한 번 호출됩니다. 그런 다음 주어진 배열의 요소에 대해 모든 종류의 작업을 수행 할 수 있습니다. forEach() 메소드는 새 배열을 작성하지 않는다는 점에서 이전 메소드와 다릅니다.

영화 배열을 반복하고 각 영화의 이름을 인쇄합시다.

forEach() 메서드를 사용하면 배열을 보다 쉽고 깨끗하게 반복 할 수 있습니다.

reduce() method 

reduce() 메소드는 배열의 각 요소에 대해 Reducer 함수 (제공 한)를 실행하여 누산기에 저장된 단일 출력 값을 생성합니다.

모든 영화 티켓 가격 (ticketPrice)의 총계를 계산하려면 어떻게 해야 합니까? for-loop 또는 forEach()를 사용하여 배열을 반복하고 배열에 있는 모든 요소의 ticketPrice를 합할 수 있습니다. 그러나 reduce() 메소드를 사용하면 훨씬 쉬운 방법으로 이를 수행 할 수 있습니다.

이것이 수행되는 방법입니다.

감속기 함수의 반환 값은 어큐뮬레이터에 할당되는데,이 누산기의 값은 배열 전체의 각 반복에서 기억되며 궁극적으로 최종 단일 결과 값이 됩니다.

0은 누산기에 제공되는 초기 값입니다.

자바 스크립트에서 배열을 사용하는 방법을 의심 할 여지없이 다섯 가지 방법으로 사용할 수 있습니다. 배열에서 filter(), map(), find(), forEach() 및 reduce() 메소드를 사용하면 적은 코드와 큰 효율성으로 더 많은 작업을 수행 할 수 있습니다.

읽어 주셔서 감사합니다! 다음 번까지 생각하고 배우고 창조하고 반복하십시오!

원본 게시물 보기

출처 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

https://www.w3schools.com/jsref/jsref_obj_array.asp

https://www.geeksforgeeks.org/javascript-array-map-method/

https://www.geeksforgeeks.org/javascript-tutorial/#array