문자열 메서드

RingKim1·2024년 5월 8일

JavaScript

목록 보기
5/10

📌문자열 메서드

1. 특정 위치의 문자 추출

charAt()
문자열에서 지정된 인덱스의 문자를 반환

"Hello, world!".charAt(0) // "H"

2. 문자열 검색

indexOf()
lastindexOf()
문자열에서 특정 문자 또는 문자열의 첫 번째/마지막 인덱스를 반환

"Hello, world!".indexOf("o") // 4, 
"Hello, world!".lastIndexOf("o") // 8

3. 문자열 추출

slice(start, end)
substring(start, end)
substr(start, length)
문자열의 일부를 추출하여 새로운 문자열을 반환

"Hello, world!".slice(7, 12) // "world"
"Hello, world!".substring(7, 12) // "world"
"Hello, world!".substr(7, 5) // "world"

4. 문자열 변환

toUpperCase()
toLowerCase()
문자열을 대문자 또는 소문자로 변환하여 반환

 "Hello, world!".toUpperCase() // "HELLO, WORLD!"
"Hello, world!".toLowerCase() // "hello, world!"

5. 문자열 공백 제거

trim()
문자열의 양끝 공백을 제거하여 반환

 "   Hello, world!   ".trim() // "Hello, world!"

6.문자열 결합

concat()
두 개 이상의 문자열을 연결하여 새로운 문자열을 반환

"Hello, ".concat("world!") // "Hello, world!"

7. 문자열 분할

split()
문자열을 지정된 구분자로 분할하여 배열로 반환

 "Hello, world!".split(", ") // ["Hello", "world!"]
 "Hello".split("") // ["H","e","l","l","o"]

8. 문자열 패딩

padStart()
문자열의 시작 부분을 특정 길이가 되도록 다른 문자열로 채워주는 메서드

  • 사용 방법: str.padStart(targetLength, [padString])
    targetLength: 최종적으로 만들고자 하는 문자열의 길이
    padString: 선택적으로 지정할 수 있는 채우기 문자열 (기본값은 공백)

padEnd()
문자열의 끝 부분을 특정 길이가 되도록 다른 문자열로 채워주는 메서드

  • 사용 방법: str.padEnd(targetLength, [padString])
    targetLength: 최종적으로 만들고자 하는 문자열의 길이
    padString: 선택적으로 지정할 수 있는 채우기 문자열 (기본값은 공백)
"5".padStart(3, "0") // "005"
"5".padEnd(3, "0") // "500"

9. 문자열 포함 여부 확인

includes()
startsWith()
endsWith()
문자열에 특정 문자열이 포함되어 있는지, 시작하는지, 끝나는지 확인

"Hello, world!".includes("world") // true
"Hello, world!".startsWith("Hello") // true
"Hello, world!".endsWith("!") // true

📌문자열 관련 기능

1. 정규 표현식

추후정리...

2. 템플릿 리터럴(Template Literals)

문자열 내에 변수를 쉽게 삽입할 수 있음

const name = "Alice";
console.log(Hello, ${name}!); // "Hello, Alice!"

3. 문자열 불변성(Immutability)

  • 문자열은 불변 객체이므로 한 번 생성된 문자열은 변경할 수 없음
  • 문자열 메서드는 새로운 문자열을 반환

profile
커피는 콜드브루

0개의 댓글