[JS] 배열 특정 값 포함 여부, 중복체크 (includes, indexOf, some, every)

 

includes

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

array.includes(6);
// false

array.includes(3);
// true

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

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

 

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

 

indexOf

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

array.indexOf(6);
// -1

array.indexOf(3);
// 2

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와 다르게 더욱 유용하게 사용 가능합니다.