반응형
includes는 배열과 문자열에서 사용되는 내장 메서드입니다. 이 메서드는 특정 값이 배열 또는 문자열에 포함되어 있는지 여부를 확인하기 위해 사용됩니다.
예제
1. 배열에서 사용하기
const array = [1, 2, 3, 4, 5];
console.log(array.includes(3)); // true
console.log(array.includes(6)); // false
2. 문자열에 사용하기
const str = 'Hello, World!';
console.log(str.includes('Hello')); // true
console.log(str.includes('JavaScript')); // false
3. 배열 인덱스 지정하기
const array = [1, 2, 3, 4, 5];
console.log(array.includes(3, 2)); // true
console.log(array.includes(3, 4)); // false
includes 메서드는 인덱스 2부터 검색을 시작하여 값 3을 찾습니다. 따라서 true를 반환합니다. 두 번째 includes 메서드는 인덱스 4부터 검색을 시작하지만 값 3을 찾을 수 없으므로 false를 반환합니다.
4. 대소문자 구분 검색
includes 메서드는 기본적으로 대소문자를 구분하여 검색합니다. 따라서, 소문자로 된 'hello'를 검색하면 false를 반환할 것입니다.
const str = 'Hello, World!';
const searchValue = 'hello';
console.log(str.includes('hello')); // false
console.log(str.toLowerCase().includes(searchValue.toLowerCase())); // true
위의 예제에서는 문자열을 소문자로 변환한 후에 includes를 사용하여 'hello'를 검색하였기 때문에 true를 반환합니다.
반응형
'개발이야기 > 자바스크립트' 카테고리의 다른 글
[자바스크립트] 문자열 하이픈 넣기 (생년월일, 핸드폰/전화번호) (0) | 2023.07.18 |
---|---|
[자바스크립트] 특정 영역으로 스크롤 이동하기 (페이지 로드, 앵커 클릭) (0) | 2023.07.12 |
[자바스크립트] 현재 페이지 URL Parameter 가져오기, 활용하기, 사용하기 (0) | 2023.06.08 |
[자바스크립트] 다음 주소 검색 API 사용법, 예제 (daum postcode) (5) | 2023.05.31 |
[자바스크립트] ECharts 사용법, 예제, 차트 그리기 (0) | 2023.05.09 |
댓글