05 [ 배열 메소드_indexOf() / lastIndexOf() / includes() : 배열 요소 탐색하기 ]

indexOf() / lastIndexOf() / includes() : 배열에 특정 요소를 탐색할 때 사용하는 메소드이다.

- indexOf(): 호출한 string 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다.

- lastIndexOf() : 주어진 값과 일치하는 부분을 역순으로 탐색한다. 일치하는 값이 없으면 -1를 반환한다.

-includes() : 배열요소에 포함되는 것을 탐색한다. 포함된다면 true를 없다면 false를 출력한다.

 

예제를 통해 알아보자.

 

indexOf() 메소드를 이용해서 특정 요소를 탐색해 보자.

const arr = ['a','b','c','d','e','a'];
const search = 'a';

console.log(arr.indexOf(search));	//0출력
console.log(arr.indexOf(search,1))  //5출력

'a'를 탐색하였기 때문에 arr 배열요소에 a는 두개 있지만 indexOf()메소드는 첫번째 인덱스 값을 출력하므로 0이 출력된다.

 

 

lastIndexOf를 이용해서 특정 요소를 탐색해 보자.

const arr = ['a','b','c','d','e','a'];
const search = 'a';

console.log(arr.lastIndexOf(search));	//5출력

'a'를 탐색하였기 때문에 arr 배열요소에 a는 두개 있지만 lastIndexOf()메소드는 역순으로 탐색하기 때문에 마지막에 있는 a의 인덱스 값인 5가 출력된다.

 

 

 

 

includes를 이용해서 특정 요소가 포함되는지 탐색해 보자.

const arr = ['a','b','c','d','e','a'];
const search = 'a';
const search2 = 'ab';

console.log(arr.includes(search));	//true
console.log(arr.includes(search2));	//false

'a'는 arr안에 포함되기 때문에 첫 번째 console.log는 true가 반환된다. 하지만 ab라는 문자는 포함되지 않기 때문에 두 번째 console.log는 false를 반환한다.