과소평가된 JavaScript 배열 메서드 - 2부



지난 주에 우리는 지난 기사에서 읽을 수 있는 몇 가지 JavaScript 배열 메서드를 살펴보았습니다: Underrated JavaScript Array Methods – Part 1 . 우리는 이번 주에 몇 가지 더 많은 방법으로 마무리하고 있습니다.

- 평평한()



이 메서드는 모든 하위 배열 요소가 지정된 깊이까지 재귀적으로 연결된 새 배열을 만듭니다.

구문 – array.flat(깊이?)

참고: 물음표 뒤에 오는 인수는 선택 사항입니다.

const array = [ [1, 2], [3, 4], [[5, 6]] ];

const flattenedOnce = array.flat();
const flattenedTwice = array.flat(2);

console.log(flattenedOnce);
// expected output: Array [1, 2, 3, 4, [5, 6]]

console.log(flattenedTwice);
// expected output: Array [1, 2, 3, 4, 5, 6]


- 축소 오른쪽()



reduceRight() 메서드는 누산기와 배열의 각 값(오른쪽에서 왼쪽으로)에 대해 함수를 적용하여 단일 값으로 줄입니다. 이 방법은 왼쪽에서 오른쪽 방식으로 항목을 지정하고 오른쪽에서 왼쪽 방식으로 실행하려는 경우 매우 편리합니다.

reduceRight() 메서드를 사용하여 대체할 수 있습니다 Array.reverse().reduce().

const numbers = [[0, 0], [1, 1], [2, 2]];

const modifiedNumbers = numbers.reduceRight( (a, b) => a.concat(b) );

console.log(modifiedNumbers);
// expected output: Array [2, 2, 1, 1, 0, 0]


- lastIndexOf()



lastIndexOf() 메서드는 배열에서 주어진 요소를 찾을 수 있는 마지막 인덱스를 반환하거나, 없으면 -1을 반환합니다. 이 인수를 사용할 수 있는 경우 fromIndex에서 시작하여 배열을 역방향으로 검색합니다. lastIndexOf() 메서드는 대/소문자를 구분합니다.

구문 – array.lastIndexOf(searchValue, fromIndex?)

const names = ['John', 'Bolanle', 'Dwight', 'Mary'];

console.log( names.lastIndexOf('Dwight') );
// expected output: 2

// -1 is returned if the searchValue is absent in the Array 
console.log( names.lastIndexOf('Tiger') );
// expected output: -1


다음주에 만나요💙

좋은 웹페이지 즐겨찾기