문자열(String)

📌 문자열이란?

문자열(String)은 텍스트 데이터를 저장하는 자료형입니다.

자바스크립트에서는 아래 3가지 방식으로 문자열을 감쌉니다:

'작은 따옴표 문자열'

"큰 따옴표 문자열"

백틱 템플릿 문자열 // ES6부터

💡 실생활 비유: 문자열은 "글자 하나하나를 구슬처럼 꿰어 만든 목걸이"라고 볼 수 있습니다.

🧠 문자열의 주요 특징

특징	설명
배열처럼 문자 접근 가능	`"hello"[1] // 'e'`
불변(immutable)	문자열은 한 번 생성되면 수정할 수 없습니다. 수정하려면 새로운 문자열을 생성해야 합니다.
다양한 메서드 제공	문자 조작, 검색, 변환 등을 위한 메서드들이 많습니다.

🛠️ 문자열 주요 속성과 메서드

✅ 속성

속성	설명	예시
`length`	문자열의 길이를 반환합니다.	`"hello".length // 5`

✅ 메서드

메서드	설명	예시
`charAt(index)`	해당 인덱스의 문자 반환	`"cat".charAt(1) // 'a'`
`toUpperCase()`	대문자로 변환	`"hello".toUpperCase() // 'HELLO'`
`toLowerCase()`	소문자로 변환	`"HELLO".toLowerCase() // 'hello'`
`indexOf(substring)`	부분 문자열이 처음 등장하는 위치	`"banana".indexOf("a") // 1`
`lastIndexOf(substring)`	마지막 등장 위치	`"banana".lastIndexOf("a") // 5`
`includes(substring)`	포함 여부 반환 (`true`/`false`)	`"apple".includes("pp") // true`
`slice(start, end)`	문자열 일부 추출 (end는 제외)	`"hello".slice(1, 4) // 'ell'`
`substring(start, end)`	`slice`와 유사하지만 음수 처리 방식 다름	`"hello".substring(1, 4) // 'ell'`
`repeat(n)`	문자열 n번 반복	`"ha".repeat(3) // 'hahaha'`
`replace(old, new)`	첫 번째 일치 항목만 교체	`"hello".replace("l", "r") // 'herlo'`
`replaceAll(old, new)`	모든 일치 항목 교체 (ES2021+)	`"lol".replaceAll("l", "r") // 'ror'`
`trim()`	문자열 앞뒤 공백 제거	`" hi ".trim() // 'hi'`
`split(separator)`	구분자로 나누어 배열 반환	`"a,b,c".split(",") // ['a','b','c']`

🧪 실습 예제

const text = "  JavaScript is Fun!  ";

console.log(text.trim()); // "JavaScript is Fun!"
console.log(text.toLowerCase()); // "  javascript is fun!  "
console.log(text.includes("Script")); // true
console.log(text.replace("Fun", "Awesome")); // "  JavaScript is Awesome!  "
console.log(text.split(" ")); // ["", "", "JavaScript", "is", "Fun!"]

🚫 문자열의 불변성

let str = "Hi";
str[0] = "h";
console.log(str); // "Hi" 그대로!

// 수정하려면 새 문자열을 만들어야 함
str = "h" + str[1];
console.log(str); // "hi"