[프로그래머스] 로그인 성공? - JavaScript / Map 객체와 관련 메서드

✏️ 문제 풀이

머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 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입니다.

---

입출력 예

id_pw	db	result
["meosseugi", "1234"]	[["rardss", "123"], ["yyoom", "1234"], ["meosseugi", "1234"]]	"login"
["programmer01", "15789"]	[["programmer02", "111111"], ["programmer00", "134"], ["programmer01", "1145"]]	"wrong pw"
["rabbit04", "98761"]	[["jaja11", "98761"], ["krong0313", "29440"], ["rabbit00", "111333"]]	"fail"

---

입출력 예 설명

입출력 예 #1

• db에 같은 정보의 계정이 있으므로 "login"을 return합니다.

입출력 예 #2

• db에 아이디는 같지만 패스워드가 다른 계정이 있으므로 "wrong pw"를 return합니다.

입출력 예 #3

• db에 아이디가 맞는 계정이 없으므로 "fail"을 return합니다.

 

---

 

✏️ 문제 풀이

- 내 풀이

function solution(id_pw, db) {
    for (let i = 0; i < db.length; i++) {
        if (db[i][0] === id_pw[0] && db[i][1] === id_pw[1]) {
            return "login";
        }
        if (db[i][0] === id_pw[0] && db[i][1] != id_pw[1]) {
            return "wrong pw";
        }
    }
    return "fail";
}

 

- 다른 풀이

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';
}

내가 하고 싶었던 풀이다..

 

Map 이란?

▶ Map

Map 객체는 키-값 쌍을 보유하고 키의 원래 삽입 순서를 기억합니다. 모든 값(객체 및 기본 값 모두)은 키 또는 값으로 사용될 수 있습니다.

console.log(map)

db를 Map 객체로 만들어주면 위 사진처럼 (아이디는 키 - 패스워드는 값) 쌍으로 생성된다.

 

📌 Map의 Methods

▶ Map.prototype.set()

set() 메서드는 지정된 키와 값을 사용하여 Map 객체의 항목을 추가하거나 업데이트합니다.

// Syntax
set(key, value)

const map1 = new Map();
map1.set('bar', 'foo');

console.log(map1.get('bar'));
// output: "foo"

console.log(map1.get('baz'));
// output: undefined

// Parameters
// key : Map 객체에 추가할 요소의 키, 키는 모든 JavaScript 유형일 수 있음
// value : Map 객체에 추가할 요소의 값, 값도 모든 JavaScript 유형일 수 

// Return value
// Map 객체

[JavaScript 유형 참고 : JavaScript data types and data structures]

 

▶ Map.prototype.has()

has() 메서드는 지정된 키가 있는 요소가 있는지 여부를 나타내는 Boolean 값을 반환한다.

// Syntax
has(key)

const map1 = new Map();
map1.set('bar', 'foo');

console.log(map1.has('bar'));
// output: true

console.log(map1.has('baz'));
// output: false

// Parameters
// key : Map 객체(object)의 존재 여부를 테스트할 요소의 키입니다.

// Return value
// 지정된 key를 가진 요소가 Map 객체에 존재하는 경우 true, 그렇지 않으면 false를 반환

 

▶ Map.prototype.get()

get() 메서드는 Map 객체에서 지정된 요소를 반환한다(키를 찾을 수 없는 경우 undefined). 제공된 키에 연결된 값이 객체인 경우, 해당 객체에 대한 참조를 가져오고 해당 객체에 대한 모든 변경 사항은 Map 객체 내에서 효과적으로 수정된다.

// Syntax
get(key)

const map1 = new Map();
map1.set('bar', 'foo');

console.log(map1.get('bar'));
// output: "foo"

console.log(map1.get('baz'));
// output: undefined

// Parameters
// key : Map 객체에서 반환할 요소의 키

// Return value
// 지정된 key와 연결된 요소 또는 Map 객체에서 키를 찾을 수 없는 경우 undefined.

 

++

 

🙂 공부하면서 정리하는 글입니다. 공감과 피드백 환영합니다.