수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.
마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요.
- 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다.
- completion의 길이는 participant의 길이보다 1 작습니다.
- 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다.
- 참가자 중에는 동명이인이 있을 수 있습니다.
function solution(participant, completion) {
for (const p of participant) {
const index = completion.findIndex(j => j === p);
if (index < 0) return p;
completion.splice(index, 1);
}
}- 처음 문제를 풀 때는 해시를 신경쓰지 않고 내 논리대로 풀었다(왜 해시를 사용하는 것이 효율적인지를 알기 위해서).
participant의 모든 요소를 순회하며completion에 각 요소의 인덱스값이 존재하는지의 여부를find메소드를 통해 확인한다.- 만약 인덱스값이 존재하지 않는다면 해당 요소(참가자)를 반환한다.
- 인덱스값이 존재한다면
completion에서 해당 인덱스의 요소를 제거한다. 완주한 선수를 제거함으로써 이미 탐색한 요소를 다시 탐색하는 것을 막는다.
- 정확성 테스트는 통과했지만 효율성 테스트 케이스에서 모두 탈락했다.
- 이중 반복문으로 구성되어 있으므로 참가자 수가 늘어남에 따라 처리 시간이 지수 스케일로 증가한다.
function solution(participant, completion) {
const lenOfMap = participant.length;
let map = [];
participant.forEach(name => {
const code = name.charCodeAt(0);
let index = code % lenOfMap;
while (true) {
if (!map[index]) {
map[index] = name;
break;
};
index = ++index % lenOfMap;
}
});
for (const name of completion) {
const code = name.charCodeAt(0);
const firstIndex = code % lenOfMap;
let movingIndex = firstIndex;
while (true) {
const isExist = map[movingIndex] === name;
if (isExist) {
map.splice(movingIndex, 1);
break;
}
movingIndex = ++movingIndex % lenOfMap;
const isDone = movingIndex === firstIndex;
if (isDone) break;
}
}
return map[0];
}- 효율성 문제를 해결하고자 나름대로의 해시화를 구현해봄.
- 선수 이름의 앞 글자의 아스키 코드를
participant의 길이로 나눈 나머지를 이용해 맵 배열 안에 들어갈 위치를 정함. - 해쉬충돌 발생 시 빈 자리가 나타날 때까지 인덱스를 1씩 증가시킴.
completion배열을 순환하면서 선수가map배열 안에 존재하는지를 같은 논리로 찾음.- 만약 현재 인덱스 자리에 존재한다면 해당 선수를
map에서 삭제하고 다음 선수로 진행함. - 만약 현재 인덱스 자리에 없다면 인덱스를 1만큼 올려 탐색하되, 처음 인덱스와 같아지면 탐색이 끝났다는 뜻이므로 다음 반복으로 넘어감.
- 위의 논리가 생각대로 일어나면 마지막에는
completion에 없는 선수 한 명만map에 남을 것이므로map[0]을 반환함.
map에서 요소를 삭제하는 과정에서 요소들의 인덱스가 계속 달라짐. 해쉬화를 한 의미가 없음.- 선수 이름의 첫 글자를 선수 수로 나눈 나머지로 해쉬맵 상의 위치를 정하는 것이 과연 효율적인지에 대해 의문이 듬.
- 효율성 테스트를 통과하지 못함.
function solution(participant, completion) {
const map = new Map();
participant.forEach(name => {
if (map.has(name)) map.set(name, map.get(name) + 1);
else map.set(name, 1);
});
for (const name of completion) {
if (map.has(name)) {
if (map.get(name) <= 1) map.delete(name);
else map.set(name, map.get(name) - 1);
}
else return name;
}
return map.keys().next().value;
}- 구글링 후 자바스크립트의
Map오브젝트를 사용해 해쉬맵을 구현할 수 있다는 것을 깨달음. map인스턴스를 만들고participant안의 선수들을key, 같은 이름을 가진 선수의 수를value로 하여 해쉬맵을 구성함.completion의 요소들을 순환하며 만약map안에 있다면 해당 처리를,map안에 없다면 그 선수가 누락자란 뜻이므로 바로 선수 이름을 반환함.map안에 선수가 존재할 때, 만약 한 명뿐이라면 해당 선수를map에서 삭제하고, 2명 이상이라면 인원수를 한 명씩 줄임.- 만약 반복문 안에서 반환값이 나오지 않았을 경우(예를 들어, 마지막으로 남은 두 선수가 동명이인일 경우)
map.key()메소드의 반환값인 이터레이터 객체에서 남은 값을 뽑아 반환함.
- 자바스크립트에서 해쉬맵은
Map객체를 사용해 간단하게 만들 수 있다. Map객체는set()메소드로key와value의 쌍을 저장할 수 있고,get()메소드로key의value값을 얻을 수 있다.