[typescript] 배열의 특정 값의 인덱스 찾기
배열에서 특정 값의 인덱스를 찾는 것은 TypeScript에서 매우 일반적인 작업이다. 이 글에서는 TypeScript로 배열에서 특정 값의 인덱스를 찾는 방법에 대해 알아보겠다.
배열.indexOf 메서드 사용하기
가장 간단한 방법은 indexOf 메서드를 사용하는 것이다. 이 메서드는 배열에서 특정 값의 첫 번째 인덱스를 반환한다. 만약 찾는 값이 배열에 없을 경우에는 -1을 반환한다.
const array = [10, 20, 30, 40, 50];
const index = array.indexOf(30); // 2
위의 예제에서 indexOf(30)은 2를 반환한다. 이는 30이 배열에서 세 번째 요소라는 것을 의미한다.
findIndex 메서드 사용하기
ES6부터는 findIndex 메서드를 사용하여 배열에서 조건에 맞는 요소의 인덱스를 찾을 수도 있다.
const array = [10, 20, 30, 40, 50];
const index = array.findIndex(item => item > 30); // 3
위의 예제에서 findIndex 메서드는 배열에서 30보다 큰 첫 번째 요소의 인덱스를 반환한다.
filter 메서드와 indexOf 메서드 조합하기
만약 indexOf 메서드로 조건에 맞는 첫 번째 요소의 인덱스를 찾을 수 없을 때, filter 메서드와 조합하여 찾을 수도 있다.
const array = [10, 20, 30, 40, 30, 50];
const index = array.indexOf(array.filter(item => item === 30)[0]); // 2
위의 예제에서 filter 메서드를 사용하여 30과 일치하는 모든 요소로 새로운 배열을 만들고, 그 배열에서 indexOf 메서드로 첫 번째 일치하는 요소의 인덱스를 반환한다.
결론
TypeScript에서 배열에서 특정 값의 인덱스를 찾는 방법에 대해 알아보았다. indexOf 메서드, findIndex 메서드, filter 메서드와 indexOf 메서드를 활용하여 유연하게 인덱스를 찾을 수 있다.
이러한 방법들을 효율적으로 활용하여 배열 작업을 보다 간편하게 만들 수 있다.
참고자료: