[React/JavaScript] 객체 배열 특정 값 위치 찾기 및 포함 여부 메소드

ubin·2023년 8월 16일

React

목록 보기
9/9

📍특정 값의 인덱스 찾는 메소드 1. indexOf()

배열이름.indexOf(찾고싶은 값, 찾기 시작할 위치)

  • 찾고싶은 값: 작성 필수! 문자열 또는 숫자와 같이 배열 안의 값이 될 수 있음
  • 찾기 시작할 위치: 작성 필수 아님, 미작성시 default는 0
  • 값으로 문자열 작성시 대소문자 구분됨
  • 찾는 값이 배열에 존재하지 않을 시 -1 리턴됨
  • 찾는 값이 배열에 존재할 시 값이 첫번째로 위치한 인덱스 리턴됨
  • 배열 내 객체에는 사용할 수 없음

📍특정 값의 인덱스 찾는 메소드 2. findIndex()

배열이름.findIndex(콜백함수)

  • 콜백함수는 특정 조건식에 대해 boolean 값을 반환하는 함수
  • 콜백함수가 true일 시 해당되는 첫번째 인덱스만 리턴됨, 즉 인덱스 0과 가장 가까운 인덱스 한 개만 리턴
  • 콜백함수가 false면 -1 리턴됨
  • 배열 내 객체에도 사용할 수 있음

📍객체/배열 내 특정 값 포함 여부 확인 메소드 1. some()

배열이름.some(콜백함수)

  • 배열 내 요소 1개 이상이 콜백함수에 만족되면 true
  • 배열 내 모든 요소가 콜백함수에 만족되지 않으면 false
  • 배열 순서대로 검사중 true가 나오면 즉시 검사 중단하고 true인 값 리턴됨
  • 배열 내 객체에서 사용할 수 있음

📍객체/배열 내 특정 값 포함 여부 확인 메소드 2. every()

배열이름.every(콜백함수)

  • 배열 내 모든 요소가 콜백함수에 만족되어야 true
  • 배열 내 요소가 1개라도 콜백함수에 만족되지 않으면 false
  • 배열 순서대로 검사중 false 나오면 즉시 검사 중단하고 false인 값 리턴됨
  • 배열 내 객체에서 사용할 수 있음

📍객체/배열 내 특정 값 포함 여부 확인 메소드 3. includes()

배열이름.includes(찾고싶은 값)

  • 찾고싶은 값이 배열에 포함되어 있는지 검사
  • 있으면 true, 없으면 false 리턴
  • 찾고싶은 값이 문자열일 경우 대소문자 구분됨
  • 배열 내 객체에서 사용할 수 없음, 순수 배열에서만 사용가능
profile
프론트엔드 개발자가 되고싶은 코린이⌨️

1개의 댓글

comment-user-thumbnail
2023년 8월 16일

정보에 감사드립니다.

답글 달기