JS 배열 내장함수, indexOf

껌뻑이·2021년 7월 20일
0

JS Built-in functions

목록 보기
5/13
post-thumbnail

indexOf

indexOf()는 배열에서 지정된 요소를 찾아 인덱스를 반환해준다.

매개변수

  1. searchElement - 배열에서 찾고자하는 요소
  2. fromIndex - 찾고자하는 요소의 번째수

예시

const arr = [10, 20, 30, 10]

const result1 = arr.indexOf(10)
// 10이 들어있는 배열의 인덱스를 찾아줘

const result2 = arr.indexOf(10, 2)
// 10이 들어있는 배열 중 2번째 인덱스를 찾아줘

const result3 = arr.indexOf(20, 2)
// 20이 들어있는 배열 중 2번째 인덱스를 찾아줘

console.log(result1)
console.log(result2)
console.log(result3)

// 결과
0
3
-1

result3처럼 결과값을 찾을 수 없는 경우 -1을 반환한다.

심화 예시(링크)

배열 안에 object가 있고 그 중 id가 2인 것의 인덱스를 찾는 방법

const colors = [
  {
    id: 1,
    name: "red"
  },
  {
    id: 2,
    name: "blue"
  },
  {
    id: 3,
    name: "black"
  }
]

const result = colors.findIndex(color => color.id === 2)

console.log(result)
// 결과
1

이때는 findIndex내장함수를 써야한다.

0개의 댓글