[프로그래머스] Lv.1 달리기 경주

문제 설명

얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1등인 "mumu" 선수를 추월했다는 것입니다. 즉 "soe" 선수가 1등, "mumu" 선수가 2등으로 바뀝니다.

선수들의 이름이 1등부터 현재 등수 순서대로 담긴 문자열 배열 players와 해설진이 부른 이름을 담은 문자열 배열 callings가 매개변수로 주어질 때, 경주가 끝났을 때 선수들의 이름을 1등부터 등수 순서대로 배열에 담아 return 하는 solution 함수를 완성해주세요.

---

제한사항

• 5 ≤ players의 길이 ≤ 50,000
  • players[i]는 i번째 선수의 이름을 의미합니다.
  • players의 원소들은 알파벳 소문자로만 이루어져 있습니다.
  • players에는 중복된 값이 들어가 있지 않습니다.
  • 3 ≤ players[i]의 길이 ≤ 10
• 2 ≤ callings의 길이 ≤ 1,000,000
  • callings는 players의 원소들로만 이루어져 있습니다.
  • 경주 진행중 1등인 선수의 이름은 불리지 않습니다.

---

입출력 예

players callings result

["mumu", "soe", "poe", "kai", "mine"]

["kai", "kai", "mine", "mine"]

["mumu", "kai", "mine", "soe", "poe"]

---

입출력 예 설명

입출력 예 #1

4등인 "kai" 선수가 2번 추월하여 2등이 되고 앞서 3등, 2등인 "poe", "soe" 선수는 4등, 3등이 됩니다. 5등인 "mine" 선수가 2번 추월하여 4등, 3등인 "poe", "soe" 선수가 5등, 4등이 되고 경주가 끝납니다. 1등부터 배열에 담으면 ["mumu", "kai", "mine", "soe", "poe"]이 됩니다.

---

풀이 과정에서 알게 된 것

항상 C언어로만 알고리즘 문제를 풀어왔었는데 JS 강의도 듣고 있고 겸사겸사 이제는 자바스크립트로 풀어보려고 한다. 잘 안써봤다보니 어색해서 배열 다루는 문법들을 좀 찾아보았다.

• 자바스크립트 반복문 [참고페이지]
  • forEach 반복문
    • Array 객체에서 사용할 수 있고 배열의 요소들을 반복하여 작업을 수행할 수 있다고 한다. for of 반복문을 사용할까 하다가 forEach 반복문을 사용하기로 했다.

    var items = ['item1', 'item2', 'item3'];
    
    items.forEach(function(item) {
        console.log(item);
    });
    // 출력 결과: item, item2, item3
    

  • for … of 반복문
    • [Symbol.iterator] 속성을 가지고 있는 컬렉션 객체 전용 반복 구문

    var iterable = [10, 20, 30];
    
    for (var value of iterable) {
      console.log(value); // 10, 20, 30
    }
    

• 자바스크립트 배열 탐색 [참고페이지]
  • find()
    • 해당 조건에 만족하는 첫 번째 요소의 값을 반환하며 만족하지 않으면 undefined를 반환
  • findIndex()
    • 해당 조건에 만족하는 첫 번째 요소의 인덱스를 반환하며 만족하지 않으면 -1을 반환
    • 해당 요소의 값보다 인덱스가 더 필요하기 때문에 이번 문제에서는 findIndex를 사용하기로 했다.

풀이

function solution(players, callings) {
    var answer = [];
    
    callings.forEach(function(item) {
        const index = players.findIndex(i => i == item);
        const temp = players[index];
        players[index] = players[index-1];
        players[index-1] = temp;
    });
    answer = players;
    return answer;
}

처음에 위 코드와 같이 풀이를 만들어보았다. 그런데 실행은 잘 되는데 실행 시간 초과 오류가 떠서 어떻게 해결해야 할지 몰랐는데 찾아보다가 배열을 map으로 변환하고 호출할 때마다 인덱스를 찾는 것이 아닌 map에서 플레이어의 인덱스를 직접 가져오도록 하는 방식을 생각하게 되었다.

function solution(players, callings) {
    var answer = [];
    const playersMap = new Map();

    players.forEach((player, index) => {
        playersMap.set(player, index)
    });

    callings.forEach((item) =>{
        const index = playersMap.get(item);
        const temp = players[index];
        players[index] = players[index - 1];
        players[index - 1] = temp;
        
        playersMap.set(temp, index - 1);
        playersMap.set(players[index], index);
    });
    answer = players;
    return answer;
}

코드는 좀 더 길어졌지만 실행 시간 초과 오류를 벗어날 수 있었다.

• playersMap.set(temp, index - 1);
  • 플레이어를 교환할 때, 교환된 플레이어의 인덱스를 업데이트한다. **temp**는 교환될 플레이어이며, **index - 1**은 이전 인덱스로 업데이트된다.
• playersMap.set(players[index], index);
  • 교환된 위치로 이동한 플레이어의 인덱스를 업데이트한다. 이 부분은 배열에서 플레이어 요소를 실제로 교환하기 위해 사용된다.