Categories: JavaScript

JavaScript 자주 쓰는 자바스크립트 문자열 메서드 정리

자바스크립트 문자열 메서드란?

자바스크립트에는 다양한 문자열 메서드가 있습니다. 문자열 메서드는 여러 상황에서 활용되며, 문자열을 다양하게 조작하고 처리할 수 있습니다. 이번 글에서는 자바스크립트에서 자주 사용되는 문자열 메서드에 대해 알아보겠습니다.

자주 쓰는 문자열 메서드

  1. length 메서드
    length 메서드는 문자열의 길이를 반환합니다. 이를 통해 문자열이 몇 글자로 이루어져 있는지 확인할 수 있습니다.
  2. charAt(index) 메서드
    charAt(index) 메서드는 주어진 인덱스에 해당하는 문자를 반환합니다. 이를 활용하여 특정 위치의 문자를 추출할 수 있습니다.
  3. concat(str1, str2, …) 메서드
    concat 메서드는 문자열을 합쳐서 새로운 문자열을 반환합니다. 여러 문자열을 결합할 때 사용됩니다.
  4. indexOf(searchString, fromIndex) 메서드
    indexOf 메서드는 지정된 문자열 또는 문자를 찾아 처음 발견된 위치의 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다.
  5. substring(startIndex, endIndex) 메서드
    substring 메서드는 지정된 인덱스 사이의 부분 문자열을 반환합니다. 문자열을 자를 때 유용하게 활용됩니다.
  6. replace(searchValue, replaceValue) 메서드
    replace 메서드는 지정된 패턴 또는 문자열을 찾아 다른 문자열로 대체합니다. 문자열 내의 특정 부분을 변경하는 데 사용됩니다.
  7. toUpperCase() / toLowerCase() 메서드
    toUpperCase()와 toLowerCase() 메서드는 문자열을 각각 대문자와 소문자로 변환합니다.

문자열 메서드 예제

length 메서드

문자열의 길이를 반환합니다.

JavaScript
let str = "안녕하세요";
console.log(str.length); // 출력: 5
JavaScript

charAt(index) 메서드

주어진 인덱스에 해당하는 문자를 반환합니다.

JavaScript
let str = "안녕하세요";
console.log(str.charAt(1)); // 출력: 녕
JavaScript

concat(str1, str2, …) 메서드

문자열을 합쳐서 새로운 문자열을 반환합니다.

JavaScript
let str1 = "안녕";
let str2 = "하세요";
let result = str1.concat(str2);
console.log(result); // 출력: 안녕하세요
JavaScript

indexOf(searchString, fromIndex) 메서드

지정된 문자열 또는 문자를 찾아 처음 발견된 위치의 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다.

JavaScript
let str = "안녕하세요";
console.log(str.indexOf("하")); // 출력: 2
JavaScript

substring(startIndex, endIndex) 메서드

지정된 인덱스 사이의 부분 문자열을 반환합니다.

JavaScript
let str = "안녕하세요";
console.log(str.substring(1, 3)); // 출력: 녕하
JavaScript

replace(searchValue, replaceValue) 메서드

지정된 패턴 또는 문자열을 찾아 다른 문자열로 대체합니다.

JavaScript
let str = "안녕하세요";
let result = str.replace("안", "Hi");
console.log(result); // 출력: Hi녕하세요
JavaScript

toUpperCase() / toLowerCase() 메서드

문자열을 각각 대문자와 소문자로 변환합니다.

JavaScript
let str = "Hello World";
console.log(str.toUpperCase()); // 출력: HELLO WORLD
console.log(str.toLowerCase()); // 출력: hello world
JavaScript

결론

자바스크립트의 문자열 메서드들은 문자열을 다양하게 조작하고 처리하는 데 효과적입니다. 프로젝트나 상황에 따라 적절한 메서드를 선택하여 활용하면 코드의 가독성과 유지보수성을 향상 시킬 수 있습니다. 다양한 메서드들을 활용하여 효율적으로 코드를 작성하는 것이 중요하겠습니다.

suover

Recent Posts

Network 인터넷 네트워크란? 개념과 구조 완벽 정리

인터넷 네트워크란? "인터넷(Internet)"이라는 단어는 "인터네트워크(Internetwork)"의 줄임말입니다. 즉, 여러 개의 네트워크가 상호 연결되어 전 세계적으로 하나의…

3주 ago

Spring 스프링 빈 스코프(Bean Scope) 개념 정리

스프링 빈(Spring Bean)과 IoC 컨테이너 스프링 프레임워크의 핵심 철학은 IoC(Inversion of Control) 컨테이너를 통해 객체(빈,…

4주 ago

Spring 스프링 빈 생명주기(Bean Lifecycle)와 콜백(Callback)

스프링 빈이란? 스프링 프레임워크에서 "스프링 빈(Bean)"이란, IoC(Inversion of Control) 컨테이너가 직접 관리하는 객체를 말합니다. @Component,…

1개월 ago

Spring 스프링 의존성 주입(Dependency Injection)이란?

의존성 주입(Dependency Injection)이란? 프로그램을 개발하다 보면, 여러 클래스나 객체들은 서로 필요한 기능을 사용하기 위해 관계를…

1개월 ago

Spring 스프링 컴포넌트 스캔(Component Scan)이란?

컴포넌트 스캔이란? 컴포넌트 스캔(Component Scan)은 스프링 프레임워크가 특정 패키지를 탐색하면서, 스캔 대상에 해당하는 클래스를 찾아…

2개월 ago

Spring 스프링 빈(Bean)이란?

스프링 빈이란? 스프링 빈(Spring Bean)은 스프링 IoC(Inversion of Control) 컨테이너가 관리하는 자바 객체를 의미합니다. 간단히…

2개월 ago