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

그림으로 쉽게 배우는 자료구조와 알고리즘: 미션1 | 메모리 검색

들어가며 소프트웨어를 개발할 때 메모리 관리 방식은 프로그램의 안정성과 성능을 좌우하는 핵심 요소입니다. 특히 자바스크립트,…

3일 ago

만들면서 쉽게 배우는 컴퓨터 구조: 미션1 | 진리표부터 회로 구현까지

들어가며 소프트웨어 개발자는 코드가 어떻게 실행되는지 정확히 이해해야 할 필요가 있습니다. 우리가 작성한 프로그램은 결국…

4일 ago

웹 서버(Web Server)와 WAS(Web Application Server) 알아보기

서론 현대 웹 애플리케이션 아키텍처에서 웹 서버(Web Server) 와 웹 애플리케이션 서버(WAS, Web Application Server)…

1개월 ago

HTTP 헤더(Header)란 무엇인가?

HTTP 헤더(Header)란? HTTP(Header)는 클라이언트와 서버 간에 교환되는 메타데이터로, 요청(Request)과 응답(Response)에 부가적인 정보를 실어 나르는 역할을…

2개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 후기

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 4주차 회고

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago