[프로그래머스] 비밀지도 - Javascript

문제 설명

비밀지도

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

1. 지도는 한 변의 길이가 N인 정사각형 베열 형태로, 각 칸은 "공백"(" ") 또는 "벽"("#") 두 종류로 이루어져 있다.
2. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 "지도 1"과 "지도 2"라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다.
3. "지도 1"과 "지도 2"는 각각 정수 배열로 암호화되어 있다.
4. 암호화된 배열은 지도의 각 가로줄에서 벽 부분을 1, 공백 부분을 0으로 부호화했을 때 얻어지는 이진수에 해당하는 값의 배열이다.
   
   네오가 프로도의 비상금을 손에 낳을 수 있도록, 비밀지도의 암호를 해독하는 작업을 도와줄 프로그램을 작성하라.

입력 형식

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

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

출력 형식

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

입출력 예제

매개변수	값
n	5
arr1	[9, 20, 28, 17, 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) {
    let answer1 = [];
    let answer2 = [];
    for (let i = 0; i < n; i++) {
        // 지도 1
        let num1 = arr1[i].toString(2);
        let result1 = [];
        // 부족한 배열의 길이만큼 0 push
        for (let j = 0; j < n - num1.length; j++) {
            result1.push(0)
        }
        // 2진수 순서대로 push
        for (let j = 0; j < num1.length; j++) {
            result1.push(num1[j])
        }
        answer1.push(result1);
        
        // 지도 2
        let num2 = arr2[i].toString(2);
        let result2 = [];
        for (let j = 0; j < n - num2.length; j++) {
            result2.push(0)
        }
        for (let j = 0; j < num2.length; j++) {
            result2.push(num2[j])
        }
        answer2.push(result2);
    }
    
    let correct = [];
    for (let i = 0; i < n; i++) {
        let temp = "";
        for (let j = 0; j < n; j++) {
            // 둘 중의 하나라도 1이면 "#"추가
            parseInt(answer1[i][j]) !== 0 || parseInt(answer2[i][j]) !== 0 ? temp += "#" : temp += " ";
        }
        correct.push(temp);
    }
    return correct;
}

먼저 이중 for문을 활용하여 지도 1과 지도 2를 그림과 같은 2차 배열로 만들었다.
입력받은 숫자를 2진수로 바꾸고 하나의 배열로 만들어서 push를 하였다.
그 후 두 배열의 같은 위치의 값이 하나라도 1이 있다면 "#"을 추가하여 정답 배열을 만들었다.

다른 사람의 풀이

function solution(n, arr1, arr2) { 
  return arr1.map((a,i)=>(a|arr2[i]).toString(2).padStart(n,0).replace(/0/g,'').replace(/1/g,'#')) 
}

위의 풀이에서는 arr1을 map메서드를 활용해서 반복하고, 배열의 요소 a와 배열의 요소 a의 index를 구해서 arr2의 인덱스와 비교한다. 여기서 a|arr2[i]는 OR 연산을 한 것이다.

비트 연산에서 |를 활용하면, 비트의 논리합을 구할 수 있다. 비트의 논리합을 구한 후, padStart로 빈 자리에 0을 채워넣고, 정규표현식을 이용해서 전역에서 0과 1을 찾아서 replace 메서드를 활용해서 0은 " ", 1은 "#"로 반환한다.