자바스크립트에서 includes()
, 정규 표현식을 이용하여 문자열에 어떤 문자 또는 문자열이 포함되어있는지 확인할 수 있습니다. 예제와 함께 함수 사용 방법을 알아보겠습니다.
1. includes() : 문자열 포함 여부를 Boolean으로 리턴
includes(String)
는 문자열 안에서 인자로 전달된 문자열이 있다면 true
를 리턴하고, 그렇지 않다면 false
를 리턴합니다. includes()
도 대소문자를 구분하여 문자열을 찾습니다. 단순히 문자열 포함 여부만 확인할 때는 indexOf()보다는 includes()
를 사용하시는 것이 가독성이 좋습니다.
const str = 'Hello, World, Javascript';
console.log('1: ' + str.includes('Hello'));
console.log('2: ' + str.includes('hello'));
console.log('3: ' + str.includes(','));
console.log('4: ' + str.includes('World'));
console.log('5: ' + str.includes('Java'));
Output:
1: true
2: false
3: true
4: true
5: true
2. test() : 정규 표현식으로 문자열 포함 여부 확인, Boolean으로 리턴
test(String)
는 인자로 전달된 문자열에서 정규표현식에 해당하는 문자열이 있다면 true
를 리턴, 그렇지 않다면 false
를 리턴합니다. includes()
와 동일하지만 대신 정규표현식으로 문자열을 찾는다고 생각하시면 됩니다.
regex = /[a-zA-Z]{5},/;
console.log('1: ' + regex.test('Hello,'));
console.log('2: ' + regex.test('hello,'));
console.log('3: ' + regex.test('HELLO,'));
console.log('4: ' + regex.test('HELLO!!'));
Output:
1: true
2: true
3: true
4: false
3. match() : 정규 표현식으로 문자열 찾기
match(Regex)
는 문자열에서 인자로 전달된 정규표현식에 해당하는 문자열을 찾습니다. 정규표현식은 대략 /pattern/flags
형태로 입력하는데, 아래 예제에서 flags에 해당 하는 g
는 일치하는 모든 문자열을 찾으라는 의미입니다. 결과를 보면 일치하는 2개의 문자열이 모두 리턴되었습니다. [a-zA-Z]{5},
패턴을 간단히 설명하면 대소문자를 구분하지 않는 알파벳이 5개 있고 마지막에 ,
로 끝나는 문자열을 의미합니다.
const str = 'Hello, World, Javascript';
regex = /[a-zA-Z]{5},/g;
result = str.match(regex);
console.log(result);
console.log('length: ' + result.length);
console.log('result[0]: ' + result[0]);
console.log('result[0]: ' + result[1]);
Output:
[ 'Hello,', 'World,' ]
length: 2
result[0]: Hello,
result[0]: World,
Loading script...
Related Posts
- JavaScript - 빈 문자열 확인, 2가지 방법
- JavaScript - 날짜/시간 비교, 3가지 방법
- JavaScript - 랜덤 문자열 생성, 2가지 방법
- JavaScript - 마지막 문자 제거, 4가지 방법
- JavaScript - 문자열 공백 제거, 3가지 방법
- JavaScript - 배열을 문자열로 변환, 3가지 방법
- JavaScript - 여러 줄 문자열, 3가지 방법
- JavaScript - 객체를 문자열로 변환, 2가지 방법
- JavaScript - 문자열의 첫번째 문자 가져오기, 4가지 방법
- JavaScript - 문자열의 마지막 문자 가져오기, 4가지 방법
- JavaScript - 배열 맨 앞에 요소 추가/제거, 2가지 방법
- JavaScript - 2차원 배열을 1차원 배열로 변환, 2가지 방법
- JavaScript - 현재 시간 Timestamp 가져오기
- JavaScript - 대소문자 변환 (LowerCase, UpperCase)
- JavaScript - 문자열 바꾸기(replace, 정규식 치환)
- JavaScript - setTimeout()으로 함수 실행 지연
- JavaScript - 'try...catch'로 예외 처리 방법
- JavaScript - 문자열을 날짜(Date)로 변환하는 방법
- JavaScript - 배열에서 중복 제거, 4가지 방법
- JavaScript - Float을 Integer로 변환, 3가지 방법
- JavaScript - 문자열 비교 방법, 5가지
- JavaScript - 문자열에서 문자 또는 단어 추출, 4가지 방법
- JavaScript - 문자열 뒤집기, 거꾸로 출력
- JavaScript - 배열의 마지막 요소 가져오기
- JavaScript - 배열에서 최대, 최소 값 찾기
- JavaScript - 소수점 자리수 올림, 내림, 반올림, 제거 방법
- JavaScript - 숫자 3자리마다 콤마(,) 넣는 방법
- JavaScript - 타입 확인 방법 (typeof)
- JavaScript - 빈 배열인지 확인 (Empty Array)
- JavaScript - 배열 길이 확인, 길이 변경 (Array.length)
- JavaScript - 문자열에서 숫자만 추출
- JavaScript - 특정 문자열의 포함 여부 확인 (includes, 정규표현식)
- JavaScript - 배열 합치기 (concat, spread, push)
- JavaScript - 문자열에서 특정 문자 위치 찾기 (indexOf, lastIndexOf)
- JavaScript - 현재 날짜, 시간 가져오기
- JavaScript - 배열 정렬 방법 (오름차순, 내림차순)