자바스크립트 toUpperCase

자바스크립트 toUpperCase 함수

toUpperCase() 함수는 주어진 문자열을 대문자로 변환해서 반환합니다.

 

이 글은 코딩에브리바디(codingeverybody.kr)의 내용을 참조해 작성했습니다.

 

특징

• 반환 값은 주어진 문자열을 모두 대문자로 변환한 새로운 문자열입니다.
• 반환만 하기 때문에 원본 문자열은 바뀌지 않습니다.

예제

const originalString = "Hello, World!";
const uppercaseStr = originalString.toUpperCase();

console.log(uppercaseStr); // 출력: "HELLO, WORLD!"

/* 👇 원본 문자열은 바뀌지 않습니다. */
console.log(originalString); // 출력: "Hello, World!"

 

구문

str.toUpperCase();

 

str은 toUpperCase() 함수를 적용할 원본 문자열입니다.
이 함수는 문자열 전용 함수입니다. 문자열이 아닌 다른 데이터 타입에 대해 이 함수를 호출하면 TypeError가 발생합니다.

 

반환 값

원본 문자열을 대문자로 변환해서 반환합니다. 이 과정에서 원본 문자열은 바뀌지 않습니다.

 

활용 예제

문자열 비교

문자열을 비교할 때 대소문자 구분 없이 일치 여부를 확인할 수 있습니다.
아래의 예제는 toUpperCase() 함수를 사용해서 문자열을 모두 대문자로 변환하여 일치 여부를 확인하는 코드입니다.

const str1 = "apple";
const str2 = "APPLE";

if (str1.toUpperCase() === str2.toUpperCase()) {
    console.log("두 문자열은 같습니다.");
} else {
    console.log("두 문자열은 다릅니다.");
}

// 출력: "두 문자열은 같습니다."

 

대문자로 문자열 출력 형식 통일

한글에서는 대소문자 구분이 없지만 영문은 대소문자를 구분해서 사용하는 경우가 많습니다. 특히 타이틀이나 제목, 안전문구 및 경고 메시지 등에 대문자로 문자열을 출력하는 경우가 많은데 toUpperCase() 함수를 사용하면 매우 유용합니다.

const title = "web development";
console.log(title.toUpperCase()); // 출력: "WEB DEVELOPMENT"

 

const warningMessage = "keep out of reach of children";
console.log(warningMessage.toUpperCase());
// 출력: "KEEP OUT OF REACH OF CHILDREN"

 

https://codingeverybody.jp/javascript-touppercase-function/

JavaScript toUpperCase()関数：文字列を大文字に変換 - codingEverybody

https://coding.courses/javascript-touppercase-function/

JavaScript toUpperCase() Function – Convert a String to Uppercase - codingCourses