JavaScript) 문자열 다루기 : 길이 측정, 특정 문자 검색, 자르기, 비교 등

1. 문자열 가져오기

let msg = document.getElementById("msg").innerHTML;

: HTML 문서에서 특정 id를 가진 요소의 내용을 가져와 msg 변수에 저장

---

2. 문자열 길이 확인

let len = msg.length;
console.log(len);

: length 속성을 사용하면 문자열의 길이를 확인할 수 있다.

: 이는 문자열 내의 문자 개수를 반환

---

3. 특정 문자 위치 찾기 (indexOf, lastIndexOf)

let pos = msg.indexOf('자동차');
console.log(pos);

: indexOf() 메서드는 특정 문자열이 처음 등장하는 위치(인덱스)를 반환

: 만약 해당 문자열이 없다면 -1을 반환

let lastPos = msg.lastIndexOf('자동차');
console.log(lastPos);

: lastIndexOf()는 문자열에서 마지막으로 등장하는 위치를 반환

---

4. 문자열 자르기 (substring, slice)

let substr = msg.substring(12, 15);
console.log(substr);

: substring(start, end) 메서드는 start 인덱스부터 end 인덱스 이전까지의 문자열을 추출

let sliced = msg.slice(-5);
console.log(sliced);

: slice(start, end)는 substring()과 유사하지만, 음수 인덱스를 사용하여 뒤에서부터 자를 수 있다.

---

5. 문자열 비교

if(substr === "자동차"){
    console.log("같은 문자열입니다.");
}

: === 연산자를 사용하여 문자열이 동일한지 비교할 수 있다.

---

6. 문자열 분할 (split)

let str = "java, C++, swift, php";
let splitstr = str.split(",");
for(let i in splitstr){
    console.log(splitstr[i]);
}

: split(delimiter) 메서드는 문자열을 특정 구분자(delimiter) 기준으로 나누어 배열로 반환

---

7. 문자열 수정 (replace, replaceAll)

let replaceStr = str.replace("php", "android");
console.log(replaceStr);

: replace(기존 문자열, 새로운 문자열)을 사용하면 기존 문자열을 새로운 문자열로 변경할 수 있다.

: 하지만 replace()는 첫 번째로 발견된 항목만 변경하므로, 모든 항목을 변경하려면 정규식을 사용해야 한다.

 

모든 항목 변경하기:

let replaceAllStr = str.replace(/php/g, "android");
console.log(replaceAllStr);

: 정규식 또는 replaceAll()을 사용할 수도 있음

let replaceAllStr2 = str.replaceAll("php", "android");
console.log(replaceAllStr2);

---

8. 대소문자 변환 (toUpperCase, toLowerCase)

let upperCaseStr = msg.toUpperCase();
console.log(upperCaseStr);

: toUpperCase() 메서드는 문자열을 모두 대문자로 변환

let lowerCaseStr = msg.toLowerCase();
console.log(lowerCaseStr);

: toLowerCase() 메서드는 문자열을 모두 소문자로 변환

---

9. 공백 제거 (trim)

let userInput = "   hello world   ";
let trimmedStr = userInput.trim();
console.log(trimmedStr);

: trim() 메서드는 문자열의 앞뒤 공백을 제거

• trimStart() : 문자열의 앞쪽 공백 제거
• trimEnd() : 문자열의 뒤쪽 공백 제거

---

정리

• length : 문자열 길이 확인
• indexOf(), lastIndexOf() : 특정 문자열의 위치 찾기
• substring(), slice() : 문자열 자르기
• split() : 문자열을 배열로 변환
• replace(), replaceAll() : 문자열 수정
• toUpperCase(), toLowerCase() : 대소문자 변환
• trim(), trimStart(), trimEnd() : 공백 제거