본문 바로가기
카테고리 없음

자바스크립트 문자열이 포함되어 있는지 체크 ( includes )

by 애플 로그 2022. 3. 16.
반응형

자바스크립트 문자열이 포함되어 있는지 체크 ( includes )

 

특정 값이나 문자가 포함되어 있는지를 확인할수 있는 includes 함수에 대해서 정리한다.

includes를 이용해서 문자열 또는 배열에서 찾고자하는 해당하는 값이 있는지를 체크할수 있다.

많은 사람들이 문자열 또는 배열 하나에서만 동작 할것이라고 생각하지만,

String, Array 두가지 타입 모두 동작 한다.

 

1. String.includes()

특정 문자열이 포함되어있는지 체크하기 위해서 사용할수 있다.

대소문자를 구분한다.

 

str.includes([검색문자],[시작값:값이 없을경우 전체 대상]);

사용 예 )

var str = 'apple';

console.log( str.includes('a') ) ;  // true

console.log( str.includes('A') ) ;  // false

console.log( str.includes('ple') ) ;  // true

console.log( str.includes('abcd') ) ;  // false

console.log( str.includes('a',0) ) ;  // true : 0 번째 인덱스 부터 탐색하여 a 가 있는지 확인

console.log( str.includes('a',3) ) ;  // false : 3 번째 인덱스 부터 탐색하여 a 가 있는지 확인

 

2. Array.includes()

배열 타입안에서도 아래와같이 값이 존재 하는지 체크하는데 유용하게 사용할수 있다.

 

구문)

arr.includes([검색문자],[검색위치])

 

사용 예 )

var arr = ['땅','불','바람'];

console.log( arr.includes('땅') ) ;  // true

console.log( arr.includes('땅',0) ) ;  // true : 첫번째 배열에서 검색

console.log( arr.includes('땅',1) ) ;  // false : 두번쨰 배열에서 검색

console.log( arr.includes('물') ) ;  // false

console.log( arr.includes('바람') ) ;  // true

console.log( arr.includes('123') ) ;  // false

console.log( arr.includes('') ) ;  // false

 

댓글