배열 특정 값 포함,중복 여부 체크

LikeChoonsik's·2022년 6월 12일
0

JavaScript

목록 보기
13/15
post-thumbnail

✅includes

const array = [1, 2, 3, 4, 5];

array.includes(3);
// true

array.includes(6);
// false

array.includes(3, 3);
// false

includes 메서드는 배열이 특정 요소의 포함 여부를 판별

첫 인자값에는 탐색할 요소를 보내며
두번째 인자값에는 탐색을 시작할 위치를 보낸다. (기본 값 0)

✅indexOf

const array = [1, 2, 3, 4, 5];

array.indexOf(3);
// 2

array.indexOf(6);
// -1

array.indexOf(3, 3);
// -1

indexOf 메서드는 배열에서 특정 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.

이를 이용해 -1이 나올 시 false로 판단 아닐 시 존재로 판단 가능

첫 인자값에는 탐색할 요소를 보내며
두번째 인자값에는 탐색을 시작할 위치를 보낸다. (기본 값 0)

✅some

const array = [1, 2, 3, 4, 5];

// callback(element, index, array)

array.some(v => v === 3);
// true

array.some(v => v > 5);
// false

some 메서드는 해당하는 요소를 발견하는 즉시 true를 반환하며 그렇지 않고 모든 요소가 거짓을 반환하면 false를 반환

const array = [{name: 'red'}, {name: 'green'}, {name: 'yellow'}];

array.some(v => v.name === 'green');
// true

array.some(v => v.name === 'pink');
// false

some 메서드는 object가 담겨있는 배열에서 includes와 indexOf와 다르게 더욱 유용하게 사용 가능

✅every

const array = [1, 2, 3, 4, 5];

// callback(element, index, array)

array.every(v => v > 0);
// true

array.every(v => v === 3);
// false

array.every(v => v > 3);
// false

every 메서드는 모든 요소가 판별 조건에 일치하면 true를 반환하며 그렇지 않으면 false를 반환

const array = [{name: 'red'}, {name: 'green'}, {name: 'yellow'}];

array.every(v => v.name.length > 2);
// true

array.every(v => v.name === 'green');
// false

every 메서드는 object가 담겨있는 배열에서 includes와 indexOf와 다르게 더욱 유용하게 사용 가능

profile
춘식이는 너무 귀엽습니다.

0개의 댓글