자바스크립트 toLowerCase() 함수 – 문자열을 소문자로 변환

`String.prototype.toLowerCase()` 사용법

toLowerCase() 함수는
문자열을 소문자로 변환해서 반환하는 함수입니다.

toLowerCase() 함수는 다음과 같은 특징을 가지고 있습니다.

문자열의 모든 대문자를 새로운 소문자로 변환해서 반환합니다.
반환 값은 소문자로 변환된 문자열입니다.
반환만 하기 때문에 원본 문자열은 바뀌지 않습니다.

JavaScript

const originalString = "Hello, World!";
const lowercaseStr = originalString.toLowerCase();

console.log(lowercaseStr); // 출력: "hello, world!"

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

문자열을 대문자로 변환하려면 toUpperCase() 함수를 사용하세요.

toLowerCase() 함수의 형식은 다음과 같습니다.

구문

str은 toLowerCase() 함수를 적용할 원본 문자열입니다.

매개변수

없습니다.

반환 값

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

주의할 점

toLowerCase() 함수는 문자열(String)에서만 사용할 수 있는 메서드입니다. 만약 문자열이 아닌 다른 데이터 타입에 대해 이 메서드를 호출하면 TypeError가 발생합니다. 이러한 호출은 유효한 작업이 아닙니다.

JavaScript

const number = 42;

try {
    let result = number.toLowerCase(); // 이 부분에서 TypeError 발생
    console.log(result);
} catch (error) {
    console.error(error); // TypeError: number.toLowerCase is not a function
}

위의 코드에서 toLowerCase()는 숫자 데이터 타입에 사용되고 있기 때문에 TypeError가 발생합니다. 이를 방지하기 위해서는 toLowerCase()를 호출하기 전에 데이터 타입을 확인하고 문자열로 변환하는 등의 처리를 해야 합니다.

다양한 사용 예제

toLowerCase() 함수는 자바스크립트에서 매우 다양하고 폭넓게 사용되는 함수 중 하나입니다. 다양한 사용 예제를 통해 이 함수를 살펴보겠습니다.

문자열 비교

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

JavaScript

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

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

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

검색과 필터링

배열에서 대소문자를 무시하고 특정 키워드를 찾거나 필터링할 때 활용됩니다.

JavaScript

const keywords = ["JavaScript", "HTML", "CSS"];
const userInput = "javascript";

const matchingKeywords = keywords.filter(keyword => {
    return keyword.toLowerCase() === userInput.toLowerCase();
});

console.log(matchingKeywords); // 출력: ["JavaScript"]

코드 부연설명
filter() 함수는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링하는 함수입니다. 필터링된 배열을 반환합니다.

파일 이름 처리

파일 이름은 일반적으로 대문자와 소문자를 구분하지 않습니다. 파일 이름을 정규화하여 대소문자를 일치시킬 때 사용됩니다.

JavaScript

const originalFileName = "MyDocument.txt";
const normalizedFileName = originalFileName.toLowerCase();

console.log(normalizedFileName); // 출력: "mydocument.txt"

데이터 정규화

데이터 정규화는 데이터의 형식을 통일하는 작업입니다. 이는 주로 문자열 비교와 검색 등에서 일관성을 유지하기 위한 목적으로 사용됩니다.

JavaScript

const data = [
  {name: "Hello"},
  {name: "HelloWorld"},
  {name: "hello"}
];

const normalizedData = data.map(item => {
    return {
        name: item.name.toLowerCase()
    };
});

console.log(normalizedData);
/*
출력:
    [
      {name: "hello"},
      {name: "helloworld"},
      {name: "hello"}
    ]
*/

코드 부연설명
map() 함수는 배열을 순회해서 각 요소를 콜백 함수로 적용해서 처리해 모은 새로운 배열을 반환합니다.