코딩 스쿨 JavaScript

언어선택 : HTMLCSSJAVAJAVASCRIPTMYSQLSQL PHP
▶ JavaScript Tutorial
JavaScript HOME
JavaScript Introduction
JavaScript Where To
JavaScript Output
JavaScript Statements
JavaScript Syntax
JavaScript Comments
JavaScript Variables
JavaScript Let
JavaScript Const
JavaScript Operators
JavaScript Arithmetic
JavaScript Assignment
JavaScript Data Types
JavaScript Functions
JavaScript Objects
JavaScript Object Properties
JavaScript Object Methods
JavaScript Object Display
JavaScript Object Constructors
JavaScript Events
JavaScript Strings
JavaScript String Methods
JavaScript String Search
JavaScript String Templates
JavaScript Numbers
JavaScript BigInt
JavaScript Number Methods
JavaScript Number Properties
JavaScript Arrays
JavaScript Array Methods
JavaScript Array Search
JavaScript Array Sort
JavaScript Array Iteration
JavaScript Array Const
JavaScript Dates
JavaScript Date Formats
JavaScript Date Get Methods
JavaScript Date Set Methods
JavaScript Math
JavaScript Random
JavaScript Booleans
JavaScript Comparisons
JavaScript If Else
JavaScript Switch
JavaScript Loop For
JavaScript Loop For In
JavaScript Loop For Of
JavaScript Loop While
JavaScript Break
JavaScript Iterables
JavaScript Sets
JavaScript Set Methods
JavaScript Maps
JavaScript Map Methods
JavaScript Typeof
JavaScript Type Conversion
JavaScript Destructuring
JavaScript Bitwise
JavaScript RegExp
JavaScript Precedence
JavaScript Errors
JavaScript Scope
JavaScript Hoisting
JavaScript Strict Mode
JavaScript this Keyword
JavaScript Arrow Function
JavaScript Classes
JavaScript Modules
JavaScript JavaScriptON
JavaScript Debugging
JavaScript Style Guide
JavaScript Best Practices
JavaScript Mistakes
JavaScript Performance
JavaScript Reserved Words

JavaScript String Search

JavaScript String Search: 문자열 검색의 이해와 활용

JavaScript에서는 문자열 내에서 특정 문자의 위치를 찾거나, 문자열의 포함 여부를 확인하는 다양한 방법을 제공합니다. 이 가이드는 JavaScript 문자열 검색 메서드의 종류와 사용법을 설명하며, 이를 통해 문자열을 효과적으로 검색하는 방법을 안내합니다.


1. 문자열 검색의 기본 개념

문자열 검색은 특정 문자를 찾거나, 문자열 내에서 특정 패턴을 확인하는 과정입니다. JavaScript는 이를 위해 여러 내장 메서드를 제공하여 문자열을 쉽게 탐색할 수 있습니다.


2. 주요 문자열 검색 메서드

2.1. indexOf()

indexOf() 메서드는 문자열에서 특정 문자열이 처음 나타나는 인덱스를 반환합니다. 만약 문자열이 존재하지 않으면 -1을 반환합니다.

const str = "Hello, World!";
console.log(str.indexOf("World")); // 출력: 7
console.log(str.indexOf("Java"));  // 출력: -1

2.2. lastIndexOf()

lastIndexOf() 메서드는 문자열에서 특정 문자열이 마지막으로 나타나는 인덱스를 반환합니다.

const text = "Hello, World! Welcome to the World!";
console.log(text.lastIndexOf("World")); // 출력: 27

2.3. includes()

includes() 메서드는 문자열이 특정 문자열을 포함하고 있는지 확인하여, 포함되면 true, 아니면 false를 반환합니다.

console.log(str.includes("World")); // 출력: true
console.log(str.includes("Java"));  // 출력: false

2.4. startsWith()

startsWith() 메서드는 문자열이 특정 문자열로 시작하는지 여부를 확인합니다.

console.log(str.startsWith("Hello")); // 출력: true
console.log(str.startsWith("World"));  // 출력: false

2.5. endsWith()

endsWith() 메서드는 문자열이 특정 문자열로 끝나는지 여부를 확인합니다.

console.log(str.endsWith("!")); // 출력: true
console.log(str.endsWith("World")); // 출력: false

2.6. search()

search() 메서드는 정규 표현식을 사용하여 문자열 내에서 특정 패턴을 검색합니다. 매칭된 첫 번째 위치를 반환하며, 찾지 못하면 -1을 반환합니다.

const regex = /world/i; // 대소문자 구분하지 않음
console.log(str.search(regex)); // 출력: 7

2.7. match()

match() 메서드는 문자열에서 정규 표현식과 일치하는 부분을 찾습니다. 결과는 배열 형태로 반환됩니다.

const matches = str.match(/o/g); // 'o'의 모든 등장 위치를 찾기
console.log(matches); // 출력: [ 'o', 'o', 'o' ]


3. 예제: 문자열 검색 활용하기

아래는 다양한 문자열 검색 메서드를 활용한 예제입니다.

3.1. 문자열에서 특정 단어 검색

사용자가 입력한 단어가 문자열에 포함되어 있는지 확인하는 기능을 구현할 수 있습니다.

const text = "The quick brown fox jumps over the lazy dog.";
const searchWord = "fox";

if (text.includes(searchWord)) {
    console.log(`The text contains the word "${searchWord}".`);
} else {
    console.log(`The text does not contain the word "${searchWord}".`);
}

3.2. 여러 패턴 검색

정규 표현식을 사용하여 문자열 내에서 여러 패턴을 동시에 검색할 수 있습니다.

const sentence = "The rain in Spain stays mainly in the plain.";
const pattern = /ain/g; // 'ain' 패턴 찾기

const results = sentence.match(pattern);
console.log(results); // 출력: [ 'ain', 'ain', 'ain' ]


4. 요약

  • 문자열 검색 메서드: JavaScript는 문자열 검색을 위한 다양한 메서드를 제공합니다. 주요 메서드로는 indexOf(), lastIndexOf(), includes(), startsWith(), endsWith(), search(), match()가 있습니다.
  • 정규 표현식: search()match() 메서드는 정규 표현식을 활용하여 복잡한 패턴을 검색할 수 있습니다.

JavaScript의 문자열 검색 기능을 이해하고 활용하면, 텍스트 데이터를 더욱 효과적으로 관리하고 처리할 수 있습니다.


copyright ⓒ 스타트코딩 all rights reserved.
이메일 : startcodingim@gamil.com