[JS]완주하지 못한 선수

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.

마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요.

제한사항
마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다.
completion의 길이는 participant의 길이보다 1 작습니다.
참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다.
참가자 중에는 동명이인이 있을 수 있습니다.
입출력 예
participant completion return
[leo, kiki, eden][eden, kiki] leo
[marina, josipa, nikola, vinko, filipa][josipa, filipa, marina, nikola] vinko
[mislav, stanko, mislav, ana][stanko, ana, mislav] mislav
입출력 예 설명
예제 #1
leo는 참여자 명단에는 있지만, 완주자 명단에는 없기 때문에 완주하지 못했습니다.

예제 #2
vinko는 참여자 명단에는 있지만, 완주자 명단에는 없기 때문에 완주하지 못했습니다.

예제 #3
mislav는 참여자 명단에는 두 명이 있지만, 완주자 명단에는 한 명밖에 없기 때문에 한명은 완주하지 못했습니다.

처음 작성한 코드.

function solution(participant, completion) {
    var answer = '';
    participant.sort();
    completion.sort();
    
    answer = participant.filter((item,index) => item !== completion[index])
    return answer;
}

결과는 입력값 〉 ["leo", "kiki", "eden"], ["eden", "kiki"]
기댓값 〉 "leo"
실행 결과 〉 실행한 결괏값 ["leo"]이(가) 기댓값 "leo"와(과) 다릅니다.

filter는 array값을 리턴한다. 그래서 리스트 안의 요소를 반환해주어야함

function solution(participant, completion) {
    var answer = '';
    participant.sort();
    completion.sort();
    
    answer = participant.filter((item,index) => item !== completion[index])
    return answer[0];
}

아니면 find()메서드를 사용하면 된다. find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환함. 그런 요소가 없다면 undefined를 반환하기 때문. 하지만 나중에 불합격자를 여러명 리턴하라고 하면 find메서드는 맞지 않음. 지금은 하나의 탈락자만 구하라고 명시되어있기 때문에 써도 된다.

function solution(participant, completion) {
    var answer = '';
    participant.sort();
    completion.sort();
    
    answer = participant.find((item,index) => item !== completion[index])
    return answer;
}

자바스크립트는 자바와 달리 (item,index) 순이라는 것을 알고 있어야 한다!