간단하게 대/소문자로 바꾸기 - toUpperCase(), toLowerCase()

1. 문자열의 변환

---

const Hello = 'Hello World'

console.log(Hello.toUpperCase()) // HELLO WORLD
console.log(Hello.toLowerCase()) // hello world

.toUpperCase()

• 문자열을 대문자로 변환한다.

.toLowerCase()

• 문자열을 소문자로 변환한다.

 

 

2.  문자열의 반복 변환

---

하나의 문장이라면 문자가 없겠지만, 만약 여러개의 단어를 바꿔야하는 경우는 어떻게 해야할까?

for 반복문이나, map() 메서드 등을 사용하면 간단하다.

const arr = ['Foo', 'Bar', 'Baz']

const upper = arr.map((arrs)=> {
    return arrs.toUpperCase()
})
const lower = arr.map((arrs)=> {
    return arrs.toLowerCase()
})

console.log(upper) // ['FOO', 'BAR', 'BAZ']
console.log(lower) // ['foo', 'bar', 'baz']

 

예시

다음은 반복 메서드와 toLocaleUpperCase()를 동시에 사용한 예제다.

만약 빈 li 안에 내용을 반복적으로 넣어야한다면?

그 li 안의 내용을 모두 대문자로 바꿔야한다면?

답은 다음과 같다.

See the Pen Untitled by beren-105 (@beren-105) on CodePen.

 

 

 

 

3. 문자열의 대/소문자 판단

---

const hello = 'Hello World'

if (hello.toUpperCase() === 'HELLO WORLD') {
    console.log('true')
}
if (hello.toLowerCase() === 'hello world') {
    console.log('true')
}

// 둘다 true로 출력된다.

• 이처럼 if문 내에서도 사용할 수 있다.