배열 속 값 탐색하기
indexOf
let arr1 = ['apple', 'banana', 'peach', 'tomato'];
console.log(arr1.indexOf('banana')); // 결과값: 2
console.log(arr1.indexOf('lemon')); // 결과값: -1
indexOf 메서드는 배열 안에서 특정 문자열에 해당하는 위치를 찾을 수 있다. 일치하면 값이 배열 속 문자열이 존재하는 위치를 나타내며, 일치하지 않으면 -1이 결과값으로 나타난다.
find
// 배열일 경우
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// callback(element, index, array)
array.find(v => v > 5);
// 6
find 메서드는 해당 조건에 만족하는 첫 번째 요소의 값을 반환하며 만족하지 않으면 undefined를 반환한다.
오브젝트 안에서도 유용하게 쓰일 수 있다. (Ex. array.find(v => v.name === 'green'); )
findIndex
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// callback(element, index, array)
array.findIndex(v => v > 5);
// 5
array.findIndex(v => v > 11);
// -1
findIndex 메서드는 해당 조건에 만족하는 첫 번째 요소의 인덱스를 반환하며 만족하지 않으면 -1을 반환한다.
includes
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
array.includes(5);
// true
array.includes(20);
// false
includes 메서드는 배열 속에 해당 원소가 있으면 true 혹은 false를 반환한다.
출처: https://gurtn.tistory.com/78
반응형
'Front-end > Javascript' 카테고리의 다른 글
[Javascript] 이벤트 처리 방법 onClick vs EventListener 차이점 (0) | 2022.04.03 |
---|---|
[Javascript] Callback, Promise, Async await 차이점과 사용법 (0) | 2022.03.19 |
[Javascript] 자바스크립트 class 기초 (0) | 2021.08.03 |
[Javascript] 자바스크립트 Function 기초 지식 (함수 선언, 표현, Callback, Arrow) (0) | 2021.08.03 |
[Javascript] 자바스크립트 데이터 타입 및 주의해야할 사항 (0) | 2021.08.03 |