[JS] is vs includes 메서드 차이

is 메서드와 includes 메서드는 각각 특정 아이디나 요소와 일치하는지 여부를 상호 비교하거나,

하나의 문자열 혹은 배열이 특정 문자를 포함하는지 여부를 확인하며,

그 비교 대상과 반환 값의 종류가 다릅니다.

 

1. is 메서드

사용 방법: 문자열.is(다른 문자열)

반환값: 두 문자열의 일치여부를 확인하여 true/false를 반환합니다.

const element = $('div');

// 클래스/아이디 일치여부 확인
if (element.is('.highlight')) {
  console.log('이 요소는 .highlight 클래스를 가지고 있습니다.'); // 같은 경우
} else {
  console.log('이 요소는 .highlight 클래스를 가지고 있지 않습니다.'); // 다른 경우
}

// 요소 일치여부 확인
if (element.is(element2)) {
  console.log('두 요소는 동일합니다.'); // 같은 경우 
} else {
  console.log('두 요소는 다릅니다.'); // 다른 경우
}

---

2. includes 메서드

사용 방법: 문자열.includes(찾을 문자 또는 부분 문자열)

반환값: 하나의 문자열이 특정 문자를 포함되어 있는지 여부를 확인하고 true/false를 반환합니다.

// 특정 요소가 배열에 포함되어 있는지 확인
const array = [1, 2, 3, 4, 5];

if (array.includes(3)) {
  console.log('배열에 3이 포함되어 있습니다.'); // 포함된 경우
} else {
  console.log('배열에 3이 포함되어 있지 않습니다.'); // 포함되지않은 경우
}

// 문자열 배열에서 특정 문자열이 포함되어 있는지 확인
const fruits = ['apple', 'banana', 'orange'];
if (fruits.includes('banana')) {
  console.log('과일 배열에 바나나가 포함되어 있습니다.');
} else {
  console.log('과일 배열에 바나나가 포함되어 있지 않습니다.');
}