가장 유용한 5가지 배열 방법(Javascript)

이 게시물을 읽음으로써 당신은 당신의 삶을 더 쉽게 만들어줄 이 5가지 멋진 배열 방법의 마스터가 될 것입니다.

방법 - 1: map()

이 방법은 일종의 루프입니다. 이 방법을 사용하여 배열을 반복할 수 있습니다. 3개의 매개변수가 필요하며 첫 번째 매개변수는 데이터/값을 반환하고 두 번째 매개변수는 인덱스 번호이고 세 번째 매개변수는 전체 배열을 반환합니다.

const ara = [ 'Apple', 'Banana', 'Kiwi' ];
ara.map(( data, index, theArray ) => {
    console.log(data, index, theArray);
});

방법 - 2: forEach()

이 방법은 1번 방법과 매우 유사합니다. 따라서 이것은 또한 이 방법으로 배열을 반복할 수 있는 일종의 루프입니다.

const ara = [ 'Apple', 'Banana', 'Kiwi' ];
ara.forEach(( data, index, theArray ) => {
    console.log(data, index, theArray);
});

map()과 forEach()의 차이점

forEach() -> 이것은 목록을 반복하고 각 목록 구성원에게 부작용이 있는 일부 작업을 적용합니다(예: 모든 목록 항목을 데이터베이스에 저장)

map() -> 이것은 목록을 반복하고 해당 목록의 각 구성원을 변환하고 변환된 구성원과 동일한 크기의 다른 목록을 반환합니다(예: 문자열 목록을 대문자로 변환). 호출된 배열을 변경하지 않습니다(콜백 함수가 전달된 경우 변경될 수 있음).

방법 -3: 필터()

음 이 방법이 제가 가장 좋아하는 방법입니다. 하는 일은 배열을 통해 필터링할 수 있다는 것입니다. 배열이 있다고 가정합니다. 이 배열에 당신은 어떤 것의 모든 가격을 넣었습니다. 이제 어레이에서 100 미만의 가격을 원합니다. 어떻게 할 수 있습니까? 따라서 이 경우 filter() 메서드를 사용할 수 있습니다. 예를 보여드리겠습니다.

const prices = [ 100, 200, 50, 30, 400, 50, 30, 450, 89, 90 ];
const under100 = prices.filter(( value, index, array ) => {
    return value < 100;
});
console.log(under100);

이제 100 미만의 가격은 별도의 배열에 저장되며 변수 ``under100``을 호출하여 사용할 수 있습니다. 이 메서드는 세 개의 매개변수를 사용합니다. 다른 방법과 동일합니다. 첫 번째는 값이고 두 번째는 고유 인덱스 번호이고 세 번째는 전체 배열을 반환합니다.

방법 - 4: 포함()

이 방법도 매우 유용한 방법입니다. 배열이 있고 그 아래에 사람들의 이름을 넣었다고 가정해 보겠습니다. 이제 그 이름을 알고 싶은 사람들의 이름이 있습니다. "Jack"은 해당 배열 아래에서 사용할 수 있습니다! 따라서 이 경우 이 멋진 방법을 사용할 수 있습니다.

const names = [ 'July', 'Jack', 'Lauv"];
const isItHere = names.includes('Jack');
console.log(isItHere);

이 메서드는 배열 아래의 값을 포함하는 경우 true 또는 false/부울 값을 반환합니다.

방법 - 5: reduce()

이 방법은 정말 도움이 많이 됩니다. 숫자 배열이 있고 이제 배열에 있는 숫자의 합계를 구하려고 한다고 가정합니다. 따라서 이 경우 이 방법을 사용할 수 있습니다.

const numbers = [ 12, 23, 34, 45, 5, 7 ];
const subtract = numbers.reduce(( value, index, array ) => {
    return value + index;
});
consolelog( subtract ); 

이 배열 방법으로 문자열을 연결할 수도 있습니다. 다른 매개변수와 동일한 매개변수를 사용합니다. 첫 번째는 값, 두 번째는 인덱스 번호, 세 번째 숫자는 전체 배열입니다.

이것이 상위 5가지 자바스크립트 배열 방법입니다. 이 기사를 읽어 주셔서 감사합니다. 여기서 잘못된 정보를 발견했다면 알려주세요. 그리고 저와 같은 정보 제공 게시물을 모두 받으려면 저를 팔로우하십시오.

:)