[js] 로그인 성공?

머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 id_pw와 회원들의 정보가 담긴 2차원 배열 db가 주어질 때, 다음과 같이 로그인 성공, 실패에 따른 메시지를 return하도록 solution 함수를 완성해주세요.

• 아이디와 비밀번호가 모두 일치하는 회원정보가 있으면 "login"을 return합니다.
• 로그인이 실패했을 때 아이디가 일치하는 회원이 없다면 “fail”를, 아이디는 일치하지만 비밀번호가 일치하는 회원이 없다면 “wrong pw”를 return 합니다.

제한사항

• 회원들의 아이디는 문자열입니다.
• 회원들의 아이디는 알파벳 소문자와 숫자로만 이루어져 있습니다.
• 회원들의 패스워드는 숫자로 구성된 문자열입니다.
• 회원들의 비밀번호는 같을 수 있지만 아이디는 같을 수 없습니다.
• id_pw의 길이는 2입니다.
• id_pw와 db의 원소는 [아이디, 패스워드] 형태입니다.
• 1 ≤ 아이디의 길이 ≤ 15
• 1 ≤ 비밀번호의 길이 ≤ 6
• 1 ≤ db의 길이 ≤ 10
• db의 원소의 길이는 2입니다.

나의 풀이

function solution(id_pw, db) {
    let result = 'fail';
    
    db.forEach((member) => {
        if(id_pw[0] === member[0]) {
            if (id_pw[1] === member[1]) result = 'login'
            else result = 'wrong pw'
        }
    });
    
    return result;
}

1. result 변수를 선언 후 'fail'로 초기화해준다.

2. db를 forEach 메서드로 순회한다.

   • db의 요소 하나하나를 member로 순회하며 id_pw[0]과 member[0]이 같으면 아이디가 같고,
   • id_pw[1]과 member[1]도 같으면 아이디, 비번이 모두 일치하는 것이므로 result를 'login'으로 재할당 해준다.
   • 다를 경우 아이디는 같으나 비밀번호가 다른 것이므로 result를 wrong pw로 재할당해준다.

다른 풀이 1

function solution(id_pw, db) {
  const [id, pw] = id_pw;
  const map = new Map(db);
  return map.has(id) ? (map.get(id) === pw ? 'login' : 'wrong pw') : 'fail';
}

1. id_pw 배열을 구조 분해 할당 하여 id와 pw 변수에 각각 아이디와 비밀번호를 할당한다.

2. Map() 객체를 생성한다. 사용자 아이디를 키로, 비밀번호를 값으로 지정한다.

3. map.has(id)로 map 객체에 id가 존재하는지 확인한다.

   • 존재하면 다음으로 넘어간다. 존재하지 않으면 fail을 반환한다.
   • map.get(id) === pw: 아이디에 해당하는 비밀번호가 입력된 비밀번호(pw)와 일치하는지 확인해서 일치하면 login, 아니면 wrong pw를 반환한다.

다른 풀이 2

function solution(id_pw, db) {
    db = db.filter(v=>v[0]===id_pw[0]);

    if (!db.length) return 'fail';

    for (let d of db) if (d[1] === id_pw[1]) return 'login';

    return 'wrong pw';
}

1. db 배열에서 사용자 아이디가 입력된 아이디와 일치하는 항목만 필터링한다.
2. 만약 필터링 된 배열의 길이가 0이라면 fail 반환
3. for of 문으로 배열을 순회하며 각 항목의 비밀번호가 입력된 비밀번호와 일치하면 login 반환, 그렇지 않을 경우 wrong pw 반환