[Array] 탐색 함수 모음: indexOf, lastIndexOf, includes, find, findIndex, filter, map, every

이주희·2022년 3월 20일
0

JS Method

목록 보기
8/17

indexOf : 요소의 인덱스

  • 찾은 첫번째 요소의 인덱스 반환
  • 존재하지 않으면 -1 반환
arr.indexOf("탐색하고싶은 요소",탐색을 시작할 위치=인덱스)
  • 탐색을 시작할 위치 지정 가능 (해당 인덱스 포함해서 탐색)
let name = ["a","b","c","d","e","c"]
name.indexOf("c",3)

> 결과 <
5

lastIndexOf : 마지막 요소의 인덱스

  • indexOf와 같지만, 뒤에서부터 탐색
arr.lastIndexOf("탐색하고싶은 요소",역순으로 탐색을 시작할 위치)

includes : 포함 여부

  • 있으면 true, 없으면 false 반환
arr.includes("탐색하고싶은 요소",탐색을 시작할 위치)

find : 만족하는 요소

  • 주어진 판별함수를 만족하는 배열의 첫번째 요소 값 반환
  • 만족하는 요소가 없으면 undefind 반환
arr.find(()=>{
		// 판별함수
	})

예시

let arr = [1,2,3,4,5,6,7]
arr.find((item)=>{
		return item > 4
	})

> 결과 <
5

findIndex : 만족하는 요소의 인덱스

  • 주어진 판별함수를 만족하는 배열의 첫번째 요소의 인덱스 반환
  • find와 반환해주는 값만 다르고 같은 기능
arr.findIndex(()=>{
		// 판별함수
	})

filter : 만족하는 요소의 배열

  • 주어진 함수를 만족하는 모든 요소를 모아 새로운 배열로 반환
  • = 일정한 기준에 부합하는 원소들만 추출
arr.filter(()=>{
		// 일정한 기준을 줄 함수
	})

map : 반복문

  • 배열의 모든 원소에 대해 함수를 호출한 결과를 모아 새로운 배열 반환
    (기존 객체 수정 X)
  • 반복문으로 자주 사용
  • 메서드 안의 함수의 파라미터(매개변수)는 num의 모든 원소들이 한번씩 들어감
arr.map((arr_item)=>{
		// 모든 배열의 원소에게 반복실행할 코드	
	})

예시

let num = [1,2,3,4,5]
let newNum = num.map(num_item => num_item*3)
//결과
newNum = [3,6,9,12,15]

every : 만족하는지 여부

모두가 만족하는지

  • 모든 원소가 판별함수를 만족하는지

  • 모두 만족한다면 true 반환, 아니면 false

  • 콜백함수 사용
    다른 함수의 인자로 넘겨진 후 특정 이벤트에 의해 호출되는 함수

const 콜백함수 = (arr_item)=>{//판별하고싶은 것}
arr.every(//콜백함수)
profile
🍓e-juhee.tistory.com 👈🏻 이사중

0개의 댓글