조금씩 꾸준히 완성을 향해

[JavaScript] Array Searching 배열의 검색 (indexOf, lastIndexOf, includes) 본문

기타 언어/JavaScript

[JavaScript] Array Searching 배열의 검색 (indexOf, lastIndexOf, includes)

all_sound 2022. 7. 27. 10:33

 

 

배열에서 사용되는 여러가지 method 중에 Searching에 사용되는 간단한 세 가지를 살펴보겠다.

 

 

 

1. indexOf()

  : 특정 element의 index 값 찾을 때 사용. 값이 존재하지 않으면 -1 return 

 

  • indexOf(searchElement) : searchElement가 처음으로 등장하는 index 값 리턴
  • indexOf(searchElement, fromIndex) : fromIndex부터 시작해서 searchElement가 처음으로 등장하는 index 값을 리턴
// find the index

let fruits = [ 'peach', 'orange', 'tomato', 'strawberry', 'cherry', 'lemon']

console.log(fruits.indexOf('cherry')); //4 ('cherry'의 index값은 4)
console.log(fruits.indexOf('peach')); //0 ('peach'가 처음 등장하는 index값은 0)
console.log(fruits.indexOf('peach', 1)); //6 (idnex 1 이후로 'peach'가 처음 등장하는 index값은 6)
console.log(fruits.indexOf('apple')); //-1 ('apple'의 값은 존재하지 않으므로 -1 return)

 

 

2. lastIndexOf()

 : 특정 element가 마지막으로 등장하는 index 값을 찾을 때 사용. 값이 존재하지 않으면 -1 return 

 

  • lastIndexOf(searchElement) :  searchElement가 마지막으로 등장하는 index 값 리턴
  • lastIndexOf(searchElement, fromIndex) : fromIndex 기준에서 마지막으로 등장하는 index 값 리턴
// lastIndexOf

let fruits = [ 'peach', 'cherry', 'orange', 'strawberry', 'cherry', 'lemon', 'cherry' ]

console.log(fruits.indexOf('cherry')); //1 (첫번째로 발견되는 index 값)
console.log(fruits.lastIndexOf('cherry')); //6 (마지막으로 발견되는 index 값)
console.log(fruits.lastIndexOf('cherry', -2)); //4 (index -2 기준에서 마지막으로 발견되는 index 값)

 

 

3. includes()

: 배열이 특정 element를 포함하고 있는지 true / false  판별

// includes

let fruits = [ 'peach', 'orange', 'tomato', 'strawberry', 'cherry', 'lemon']

console.log(fruits.includes('apple')); //false
console.log(fruits.includes('peach')); //true