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

실용적인 테스트 가이드: @Mock, @MockBean, @Spy, @SpyBean, @InjectMocks

테스트 시 의존성 주입(Dependency Injection)과 Mockito Spring 애플리케이션을 개발하다 보면, 테스트 코드에서 실제 빈(Bean)을 사용하지…

1주 ago

실용적인 테스트 가이드: Layered Architecture 레이어드 아키텍처

들어가며 스프링 기반 프로젝트에서 좋은 설계 구조와 테스트 전략은 소프트웨어 품질과 유지보수성에 직결됩니다. 최근 학습한…

1주 ago

읽기 좋은 코드를 작성하는 사고법: 논리, 사고의 흐름과 SOLID

들어가며 코드를 작성할 때 종종 "이 로직을 어떻게 단순하고 읽기 쉽게 표현할 수 있을까?" 고민하게…

4주 ago

읽기 좋은 코드를 작성하는 사고법: 추상과 구체

들어가며 코드를 작성하다 보면 "왜 이 코드는 한눈에 이해가 안 될까?" 하는 고민을 종종 하게…

1개월 ago

HTTP 상태코드 총정리 서버-클라이언트 간 명확한 의사소통

HTTP 상태코드란 무엇인가? HTTP 상태코드(HTTP Status Code)는 서버가 클라이언트의 요청을 처리한 결과를 수치화된 코드로 나타내는…

1개월 ago

HTTP 메서드 완벽 가이드 GET, POST, PUT, PATCH, DELETE 등 총정리

HTTP란 무엇인가? HTTP(Hypertext Transfer Protocol)는 웹에서 데이터를 주고받기 위해 사용하는 응용 계층 프로토콜입니다. 우리가 브라우저에서…

1개월 ago