알고리즘(11) : 이상한 문자 만들기 _ Lv.1

⭐️ 알고리즘(11) : 이상한 문자 만들기 _ Lv.1 ⭐️

01. 문제 설명

🧩 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다.
🧩 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요.
🧩 예를 들어 "try hello world"는 세 단어 "try", "hello", "world"로 구성되어 있습니다.
🧩 - 각 단어의 짝수번째 문자를 대문자로, 홀수번째 문자를 소문자로 바꾸면 "TrY", "HeLlO", "WoRlD"입니다.
🧩 - 따라서 "TrY HeLlO WoRlD" 를 리턴합니다.
🔒 제한 조건 : ☑️ 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다.
                        ☑️ 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다.

02. " solution.js " 문제 풀어보기

💡 문자열의 인덱스 값이 짝수일 때 대문자로, 홀수일 때 소문자로 바꿔주고, 공백이 생기면 인덱스 값을 0으로 만드는 것을 반복시켜보자.

function solution(s) {
    let answer = '';
    let index = 0;

    for (let spelling of s) {
        answer += (index % 2 === 0) ? spelling.toUpperCase() : spelling.toLowerCase();
        index += 1;

        if (spelling === ' ') index = 0;
    }
    return answer;
}
console.log(solution("try hello world"))

   ___ 참고하기 ___
  `1   for문 : 괄호 안의 식을 반복 실행합니다.
  `2   String.prototype.toUpperCase( ) : 문자열을 대문자로 변환해 반환합니다.
  `3   String.prototype.toLowerCase( ) : 문자열을 소문자로 변환해 반환합니다.

03. 다른 풀이 알아보기

# 1) replace( )와 정규표현식 활용하기

function solution(s){
                                            // (\w)(\w) 연속된 두 문자
    return s.toUpperCase().replace( /(\w)(\w)/g,  function(a){ return a[0].toUpperCase() + a[1].toLowerCase(); } )
}
console.log(solution("try hello world"))

   ___ 참고하기 ___
  `1   String.prototype.replace( ) : 어떤 패턴에 일치하는 일부 또는 모든 부분을 새로운 문자열로 교체하여 반환합니다.
  `2   정규 표현식 : 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다.
                             JavaScript에서는 정규 표현식도 객체에 포함됩니다. RegExp의 exec( )와 test( ) 메서드를 사용하여 정규표현식을 만들 수 있습니다.

 

# 2) split( )과 parseInt( ), slice( ) 활용하기

function solution(s){
    let result = "";

    for(let word of s.split(" ")) {

        for(let i in word) {
            result += word[i][parseInt(i) % 2 == 0 ? "toUpperCase" : "toLowerCase"]();
        }
        result += " ";
    };

    return result.slice(0, -1);
}
console.log(solution("try hello world"))

   ___ 참고하기 ___
  `1   String.prototype.split( ) : 분할 기준에 따라 문자열을 분할하여 배열로 반환합니다.
  `2   parseInt( ) : 문자열 인자를 숫자로 변경하여 반환합니다. Number( )와 같은 기능을 하며,
                               차이점을 살펴보자면 Number( )은 문자열에 숫자가 아닌 문자가 있을 경우 무조건 NaN 값이 저장되고
                               parseInt( )는 문자열이 숫자로 시작하고 문자가 껴있을 경우 문자 전까지만 숫자로 형변환 후 저장된다는 것.
  `3   String.prototype.slice( ) : 문자열의 일부를 추출하면서 새로운 문자열을 반환합니다.
                                                     문법 ☛ str.slice(beginIndex, endIndex)
                                                     0부터 시작하는 추출 시작점인 index부터 추출 종료점 인덱스의 직전까지 추출됩니다.

 

# 3) split( )과 map( ), join( ) 활용하기

function solution(s) {
    return s.split(' ').map((a) => {

        return a.split('').map((b, i) => {

            return (i % 2 === 0) ? b.toUpperCase() : b.toLowerCase();

        }).join('');
        
    }).join(' ');
}

// 위의 식을 한 줄로 표현하면,
// let solution = s => s.split(' ').map(el => el.split('').map((e,i) => i % 2 ? e.toLowerCase() : e.toUpperCase()).join('')).join(' ');

console.log(solution("try hello world"))

   ___ 참고하기 ___
  `1   Array.prototype.map( ) : 배열 내의 모든 요소 각각에 대해, 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.
  `2   Array.prototype.join( ) : 배열의 모든 요소를 결합하여 하나의 문자열로 반환합니다.
                                                  반환값으로 나오는 문자열의 구분자(띄어쓰기, 특수문자, - 다시, 등)을 지정할 수 있습니다.

 

# 4) for문과 삼항연산자 활용하기

function solution(s){
    let result ="";
    let even = false;

    for(let i = 0; i < s.length; i ++) {
        even = (even == true || s[i] == " ") ? false : true;
        result += (even == true) ? s[i].toUpperCase() : s[i].toLowerCase();
    }

    return result;
}
console.log(solution("try hello world"))

   ___ 참고하기 ___
  `1   조건(삼항) 연산자 : 앞에서부터 조건문, 물음표(?), 조건문이 참(truthy)일 경우 실행할 표현식, 콜론(:), 조건문이 거짓(falsy)일 경우 실행할 표현식이 배치됩니다.

☛ 페이지 소스 보기