본문 바로가기
dev/javascript

[javascript] 자바스크립트 문자열 찾기

by 최연탄 2023. 3. 15.
728x90
반응형

참고: https://blog.ossph.org/bite-sized-javascript-string-search/

JavaScript는 웹 개발에 광범위하게 사용되는 인기 있는 프로그래밍 언어입니다. 웹 개발에서 가장 중요한 작업 중 하나는 문자열 검색인데 JavaScript에서는 문자열을 검색하는 다양한 방법을 제공하여 개발자가 더 쉽게 문자열을 검색할 수 있도록 해줍니다.

이 포스트에서는 예제와 함께 JavaScript에서 문자열을 검색하는 다양한 방법을 알아보겠습니다.

String.prototype.indexOf()

indexOf() 메소드는 문자열 내에서 하위 문자열을 검색하는 데 사용합니다. 하위 문자열을 처음 발견한 위치의 인덱스를 리턴하거나, 하위 문자열이 없는 경우 -1을 리턴합니다. 메소드의 구문은 다음과 같습니다:

string.indexOf(searchValue, startIndex)

여기서 searchValue는 검색할 하위 문자열이고 startIndex는 검색을 시작할 인덱스(선택사항)입니다. startIndex를 지정하지 않으면 문자열의 시작부터 검색합니다.

예제:

const str = "JavaScript is a popular programming language";
const searchStr = "programming";
const index = str.indexOf(searchStr);
console.log(index);

String.prototype.search()

search() 메소드는 indexOf()와 유사하지만 정규식을 인수로 사용합니다. 첫 번째 일치 항목의 인덱스를 리턴하거나 일치 항목이 없으면 -1을 리턴합니다. 메소드의 구문은 다음과 같습니다:

string.search(regexp)

여기서 regexp는 검색할 정규식입니다.

예제:

const str = "JavaScript is a popular programming language";
const searchStr = /programming/;
const index = str.search(searchStr);
console.log(index);

String.prototype.includes()

includes() 메소드는 문자열에 지정된 하위 문자열이 포함되어 있는지 여부를 확인하는 데 사용합니다. 하위 문자열이 발견되면 true를 리턴하고, 그렇지 않으면 false를 리턴합니다. 메소드의 구문은 다음과 같습니다:

string.includes(searchString, position)

여기서 searchString는 검색할 하위 문자열이고 position는 검색을 시작할 위치(선택 사항)입니다.

예제:

const str = "JavaScript is a popular programming language";
const searchStr = "programming";
const result = str.includes(searchStr);
console.log(result);

String.prototype.match()

match() 메드는 문자열 내의 정규식을 검색하는 데 사용합니다. 발견된 모든 일치 항목의 배열을 리턴하거나 일치 항목이 없으면 null을 리턴합니다. 메소드의 구문은 다음과 같습니다:

string.match(regexp)

여기서 regexp는 검색할 정규식입니다.

예제:

const str = "JavaScript is a popular programming language";
const searchStr = /programming/;
const result = str.match(searchStr);
console.log(result);

String.prototype.lastIndexOf()

lastIndexOf() 메소드는 문자열의 끝에서 시작하여 문자열 내의 하위 문자열을 검색하는 데 사용합니다. 마지막으로 발생한 부분 문자열의 인덱스를 리턴하거나 부분 문자열이 없는 경우 -1을 리턴합니다. 메소드의 구문은 다음과 같습니다:

string.lastIndexOf(searchValue, fromIndex)

여기서 searchValue는 검색할 하위 문자열이고 fromIndex는 검색을 시작할 인덱스(선택사항)입니다. fromIndex를 지정하지 않으면 문자열 끝에서 검색이 시작됩니다.

예제:

const str = "JavaScript is a popular programming language";
const searchStr = "a";
const index = str.lastIndexOf(searchStr);
console.log(index);

정리

이 포스트에서는 JavaScript에서 문자열을 검색하는 다양한 방법을 다뤘습니다. 이러한 메소드를 사용하여 특정 하위 문자열 검색, 문자열에 특정 패턴이 포함되어 있는지 확인, 정규식의 모든 항목 찾기 등과 같은 다양한 작업을 수행할 수 있고 이 메소드를 사용하면 웹 개발 프로젝트에서 문자열을 쉽게 조작하고 작업할 수 있습니다.

이러한 메소드는 대소문자를 구분하므로 지정된 검색어와 정확하게 일치해야 합니다. 대소문자를 구분하지 않는 검색을 하려면 검색을 수행하기 전에 toLowerCase() 또는 toUpperCase() 메소드를 사용해 문자열을 소문자 또는 대문자로 변환하여 검색할 수 있습니다.

종합적으로, JavaScript의 문자열 검색 방법을 아는 것은 모든 웹 개발자에게 필수적인 기술입니다. 이러한 메소드를 사용하면 문자열을 효율적으로 검색, 조작 및 작업하여 동적 및 대화형 웹 페이지를 만들 수 있습니다.

관련 글

자바스크립트 문자열 내의 문자열 찾기 (substring)

반응형

댓글