Menu
Coddy logo textTech

문자열 메서드

Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 4번째.

다음은 자주 사용되는 몇 가지 문자열 메서드입니다:

<b>toUpperCase()</b><b>toLowerCase()</b>: 문자열을 모두 대문자 또는 소문자로 변환합니다.

let str = "Hello";
console.log(str.toUpperCase()); // "HELLO"
console.log(str.toLowerCase()); // "hello"

<b>replace()</b>: 문자열에서 지정된 값을 다른 값으로 바꿉니다. 기본적으로 첫 번째로 일치하는 항목만 바꿉니다.

모든 항목을 치환하려면 <b>replaceAll()</b>을 사용해야 합니다:

let str = "Hello World World";
console.log(str.replace("World", "JavaScript"));
// "Hello JavaScript World"

console.log(str.replaceAll("World", "JavaScript"));
// "Hello JavaScript JavaScript"

trim(): 문자열 양 끝의 공백을 제거합니다.

let str = "  Hello World  ";
console.log(str.trim()); // "Hello World"

charAt(): 문자열에서 지정된 인덱스에 있는 문자를 반환합니다.

let str = "Hello";
console.log(str.charAt(1)); // "e"

대괄호 []를 사용하여 특정 인덱스의 문자에 접근할 수도 있습니다:

let str = "Hello";
console.log(str[1]); // "e"
challenge icon

챌린지

쉬움

문자열을 입력으로 받아 대소문자가 번갈아 나타나는 새로운 문자열을 반환하는 alternateCase라는 이름의 함수를 만드세요. 첫 번째 문자는 대문자, 두 번째는 소문자, 세 번째는 대문자, 이런 식으로 구성되어야 합니다.

치트 시트

JavaScript의 일반적인 문자열 메서드:

toUpperCase()toLowerCase()는 문자열을 모두 대문자 또는 소문자로 변환합니다:

let str = "Hello";
console.log(str.toUpperCase()); // "HELLO"
console.log(str.toLowerCase()); // "hello"

replace()는 첫 번째로 일치하는 값을 바꾸고, replaceAll()은 일치하는 모든 값을 바꿉니다:

let str = "Hello World World";
console.log(str.replace("World", "JavaScript")); // "Hello JavaScript World"
console.log(str.replaceAll("World", "JavaScript")); // "Hello JavaScript JavaScript"

trim()은 문자열 양 끝의 공백을 제거합니다:

let str = "  Hello World  ";
console.log(str.trim()); // "Hello World"

charAt()은 지정된 인덱스의 문자를 반환하거나, 대괄호 표기법을 사용할 수 있습니다:

let str = "Hello";
console.log(str.charAt(1)); // "e"
console.log(str[1]); // "e"

직접 해보기

function alternateCase(str) {
  // 여기에 코드를 작성하세요
}
// 함수 외부에는 아무것도 작성하지 마세요
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

논리 & 흐름의 모든 레슨