개발/Javascript

[JS]찾기 함수-find/includes/indexOf 사용법 및 비교-예제/자바스크립트/javascript

재근이 2021. 10. 8. 15:43
반응형

🎈includes

배열이 특정 element를 포함하고 있는지 판별한다. return 값은 있으면 true, 없으면 false를 반환 한다.

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3));	// true
console.log(arr.includes(10));	// false

const startIndex = 6;
console.log(arr.includes(3, startIndex));// false (시작위치를 정할 수 있다.)

 

🎈indexOf

특정 element를 첫번째 인덱스 값return한다. 존재하지 않으면 -1return 한다.

const arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3));	// 2
console.log(arr.indexOf(10));	// -1

const startIndex = 6;
console.log(arr.indexOf(3, startIndex));// -1 (시작위치를 정할 수 있다.)

 

🎈find

단순히 해당 값이 있는지 없는지 찾는게 아니라 어떤 조건으로 있는지 없는지 판별 함수찾고자 할때 사용한다.

조건에 맞는 첫번째 값return한다. 존재하지 않으면 undefinedreturn한다.

const arr = [1, 2, 3, 4, 5];
const found = arr.find((x) => {
	return x > 3;
});
console.log(found);

 

반응형