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

문제 출처

Lv.1 비밀지도 (2018 KAKAO BLIND RECRUITMENT) - 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 arr1 arr2 return
5 [9, 20, 28, 18, 11] [30, 1, 21, 17, 28] [”#####”,”# # #”, “### #”, “# ##”, “#####”]
6 [46, 33, 33 ,22, 31, 50] [27 ,56, 19, 14, 14, 10] [”######”, “### #”, “## ##”, “ #### “, “ #####”, “### # “]
풀이
function solution(n, arr1, arr2) {
  // map() 메서드, OR 비트연산, toString 2진법 변환을 사용해 지도의 합본을 만든다
  // 2진법으로 변환한 arr1 - ['01001', '10100', '11100', '10010', '01011']
  // 2진법으로 변환한 arr2 - ['11110', '00001', '10101', '10001', '11100']
  // OR 비트연산 적용 후   - ['11111', '10101', '11101', '10011', '11111']
  const secretMap = arr1.map((m, idx) => (m | arr2[idx]).toString(2));

  // map()으로 순환하여 정규식을 사용하여 1은 #으로 0은 ' '공백으로 변환 후 반환
  // 2진법 변환 중 앞에 0이 사라지는 경우가 존재하기 때문에
  // padStart()를 이용하여 n의 수 만큼 앞에 0을 채워준다.
  return secretMap.map((m) =>
    m.padStart(n, "0").replace(/1/g, "#").replace(/0/g, " ")
  );
}

console.log(solution(5, [9, 20, 28, 18, 11], [30, 1, 21, 17, 28]));
// ["#####","# # #", "### #", "# ##", "#####"]

console.log(solution(6, [46, 33, 33, 22, 31, 50], [27, 56, 19, 14, 14, 10]));
// ["######", "### #", "## ##", " #### ", " #####", "### # "]
정리

실제로 2018년도 카카오 블라인드 채용에 나왔던 문제입니다. 카카오 테스트인 만큼 어렵습니다. 자주 사용하지 않는 OR 비트연산도 이용하였기에 더 어려울 수 있는데 한번 쯤 봐두면 좋을 것 같습니다.
사용된 메서드와 문법에 대해 더 공부하고 싶으신 분은 링크를 클릭해주세요!

map() 메서드 - MDN
OR 비트연산 - MDN
toString() 메서드 - MDN
padStart() 메서드 - MDN
replace() 메서드 - MDN
정규 표현식 - MDN

피드백은 언제나 환영입니다. 😊