[프로그래머스 스킬체크 레벨 1] [1차] 비밀지도 풀이 및 설명 - 자바스크립트[JavaScript]

https://programmers.co.kr/learn/courses/30/lessons/17681

코딩테스트 연습 - [1차] 비밀지도

 

문제

 

네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다.

1. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 "공백"(" ") 또는 "벽"("#") 두 종류로 이루어져 있다.
2. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 "지도 1"과 "지도 2"라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다.
3. "지도 1"과 "지도 2"는 각각 정수 배열로 암호화되어 있다.
4. 암호화된 배열은 지도의 각 가로줄에서 벽 부분을 1, 공백 부분을 0으로 부호화했을 때 얻어지는 이진수에 해당하는 값의 배열이다.

네오가 프로도의 비상금을 손에 넣을 수 있도록, 비밀지도의 암호를 해독하는 작업을 도와줄 프로그램을 작성하라.

 

 

제한 사항

• n은 1 이상 100,000,000 이하인 자연수입니다.

입력 형식

 

입력으로 지도의 한 변 크기 n 과 2개의 정수 배열 arr1, arr2가 들어온다.

• 1 ≦ n ≦ 16
• arr1, arr2는 길이 n인 정수 배열로 주어진다.
• 정수 배열의 각 원소 x를 이진수로 변환했을 때의 길이는 n 이하이다. 즉, 0 ≦ x ≦ 2n - 1을 만족한다.

출력 형식

 

원래의 비밀지도를 해독하여 '#', 공백으로 구성된 문자열 배열로 출력하라.

 

결괏값 예시

매개변수	값
n	5
arr1	[9, 20, 28, 18, 11]
arr2	[30, 1, 21, 17, 28]
출력	["#####","# # #", "### #", "# ##", "#####"]

 

매개변수	값
n	6
arr1	[46, 33, 33 ,22, 31, 50]
arr2	[27 ,56, 19, 14, 14, 10]
출력	["######", "### #", "## ##", " #### ", " #####", "### # "]

 

기본 제공 틀

 

function solution(n, arr1, arr2) {
    var answer = [];
    return answer;
}

 

풀이 [JavaScript]

 

728x90

아래 풀이는 코드 간편화가 안된 제 머릿속에 생각 난 논리 그대로의 코드라 많이 복잡하고 지저분합니다.

로직 자체는 이렇습니다.

arr1의 값을 toString함수를 이용하여 2진법으로 바꾸어주고, 만약 바뀐 값이 들어온 n의 길이보다 작다면, 부족한 앞부분을 0으로 채워주었고, 만약 길이가 부족하지 않다면 그냥 arr1의 값을 2진법으로 바꿔주었습니다.

 

arr2의 경우도 같은 방식으로 진행하였습니다. (코드 반복)

 

그 후에는, answer 배열에 arr1과 arr2를 돌면서 각각의 값을 숫자로 바꾸어서 더해준 값을 넣어주었습니다.

이 과정에서도 똑같이 길이가 맞지 않으면 맞춰주는 작업을 했습니다.

 

그리고 더해진 값들이 answer에 문제없이 들어갔다면, 1이나 2의 값이 입력됬을 경우엔 '#'을, 0일 경우에는 ' '공백으로 배열의 값들을 replace 해주었습니다.

 

function solution(n, arr1, arr2) {
    var answer = [];
    //arr1 2진법 변환
    for(var i in arr1){
        if((arr1[i].toString(2)).length < n){
            arr1[i] ='0'.repeat(n-(arr1[i].toString(2)).length) + arr1[i].toString(2);
        }else{
            arr1[i] = arr1[i].toString(2);
        }
    }
    
    //arr2 2진법 변환
    for(var j in arr2){
        if((arr2[j].toString(2)).length < n){
            arr2[j] ='0'.repeat(n-(arr2[j].toString(2)).length) + arr2[j].toString(2);
        }else{
            arr2[j] = arr2[j].toString(2);
        }
    }
    //answer 값 입력
    for(var k in arr1){;
        var value = Number(arr1[k]) + Number(arr2[k]);
        value = String(value);
        if(value.length < n){
            value = '0'.repeat(n-value.length) + value;
        }
        answer.push(value);
    }

    //answer 값 변환
    for(var z in answer){
        answer[z] = String(answer[z]).replace(/1/g,"#").replace(/2/g,"#").replace(/0/g," ");
    }
    //console.log(answer);
    return answer;
}

아래는 많이 간소화된 방식입니다.

위에서는 2진법으로 바뀐 값의 자릿수를 메꿔주기 위해 일일이 값을 비교해서 부족한 값만큼 0을 repeat해서 채워주었는데요, 이런 방법을 간단히 할 수 있는 함수인 padStart(n, 바꿀 값)함수를 사용했습니다. n길이보다 부족한 길이만큼 앞에서부터 입력된 바꿀 값인 0으로 채워주는 매우 유용한 함수입니다!

 

그리고 위에서 arr1과 arr2가 똑같은 동작을 하는 코드를 반복해서 사용하고 있었습니다.

이 부분을 간단히 바꾼 것이 아래의 for - of 방식입니다.

for - in 방식과 of방식의 차이점은, for -in 방식에서는 인덱스로  value값을 가져오고, for - of방식에서는 인덱스가 아닌 arr1자체 즉, value값을 가져오게 됩니다.

그래서 for - in 방식을 사용해서 두개의 배열을 똑같은 함수에서 돌게하려면, var arr of [arr1, arr2]를 사용하기 전에 var arr = [arr1, arr2]라고 선언해주어야합니다. 그래야지만 arr라는 배열의 인덱스를 가져올 수 있기 때문이다. arr를 미리 선언해주지 않으면, 인덱스를 가지고 value를 가져와야하지만, 선언된 변수가 없으면 어느 배열의 인덱스를 통해 value를 가져오는 것인지 모르기 때문에 미리 선언을 해야한다.

 

function solution(n, arr1, arr2) {
    var answer = [];
    
    //arr 2진법 변환
    for (var arr of [arr1, arr2]) {
        for (var k in arr){
            arr[k] = arr[k].toString(2).padStart(n, '0');
        }
    }
    
    //answer 값 입력
    for(var k in arr1){
        var value = String(Number(arr1[k]) + Number(arr2[k]));
        value = value.padStart(n, '0').replace(/[1-2]/g,"#").replace(/0/g," ");
        answer.push(value);
    }

    return answer;
}

 

채점 결과 [JavaScript]