본문 바로가기

■ 프로그래밍/JavaScript

배열의 반복 (3) - findIndex()

가끔 배열에서 어떠한 조건에 맞는 요소의 index를 찾아야할 때가 있다. 이럴 때 사용하는 것이 findIndex()이다. 

 

배열.findIndex()

filter()와 마찬가지로 콜백함수 안에 조건을 입력하여, 해당 조건에 만족하는 요소의 index 값을 출력한다. 

var number = [5, 300, 50, 7, 1000];

var lessThanTen = number.findIndex( function(num) {
	return num < 10;
});

console.log(lessThanTen); // output: 0
console.log(number[0]); // output: 5

여기서 의아할 점은, 10보다 작은 숫자는 5와 7로 두가지인데 number[0]만 출력됐다. 

왜냐하면 findIdnex()는 해당 조건에 만족하는 첫 번째 요소만 결과값으로 출력하기 때문이다. 

 

 

만약에 조건에 만족되는 것을 찾지 못한다면, 결과는 -1이 출력된다. 

var number = [5, 300, 50, 7, 1000];

var lessThanTen = number.findIndex( function(num) {
	return num < 3;
});

console.log(lessThanTen); // output: -1

 

'■ 프로그래밍 > JavaScript' 카테고리의 다른 글

isNaN()  (0) 2020.03.25
String, Number 변환  (0) 2020.03.24
배열의 반복 (2) - map(), filter()  (0) 2020.03.15
배열의 반복 (1) - forEach()  (0) 2020.03.14
반복문(Loop) (2) - while문  (0) 2020.03.13