프로그래머스 : 도넛과 막대 그래프 - javascript(Map 이용)

문제 설명
도넛 모양 그래프, 막대 모양 그래프, 8자 모양 그래프들이 있습니다. 이 그래프들은 1개 이상의 정점과, 정점들을 연결하는 단방향 간선으로 이루어져 있습니다.

크기가 n인 도넛 모양 그래프는 n개의 정점과 n개의 간선이 있습니다. 도넛 모양 그래프의 아무 한 정점에서 출발해 이용한 적 없는 간선을 계속 따라가면 나머지 n-1개의 정점들을 한 번씩 방문한 뒤 원래 출발했던 정점으로 돌아오게 됩니다. 도넛 모양 그래프의 형태는 다음과 같습니다.

크기가 n인 막대 모양 그래프는 n개의 정점과 n-1개의 간선이 있습니다. 막대 모양 그래프는 임의의 한 정점에서 출발해 간선을 계속 따라가면 나머지 n-1개의 정점을 한 번씩 방문하게 되는 정점이 단 하나 존재합니다. 막대 모양 그래프의 형태는 다음과 같습니다.

크기가 n인 8자 모양 그래프는 2n+1개의 정점과 2n+2개의 간선이 있습니다. 8자 모양 그래프는 크기가 동일한 2개의 도넛 모양 그래프에서 정점을 하나씩 골라 결합시킨 형태의 그래프입니다. 8자 모양 그래프의 형태는 다음과 같습니다.

도넛 모양 그래프, 막대 모양 그래프, 8자 모양 그래프가 여러 개 있습니다. 이 그래프들과 무관한 정점을 하나 생성한 뒤, 각 도넛 모양 그래프, 막대 모양 그래프, 8자 모양 그래프의 임의의 정점 하나로 향하는 간선들을 연결했습니다.
그 후 각 정점에 서로 다른 번호를 매겼습니다.
이때 당신은 그래프의 간선 정보가 주어지면 생성한 정점의 번호와 정점을 생성하기 전 도넛 모양 그래프의 수, 막대 모양 그래프의 수, 8자 모양 그래프의 수를 구해야 합니다.

그래프의 간선 정보를 담은 2차원 정수 배열 edges가 매개변수로 주어집니다. 이때, 생성한 정점의 번호, 도넛 모양 그래프의 수, 막대 모양 그래프의 수, 8자 모양 그래프의 수를 순서대로 1차원 정수 배열에 담아 return 하도록 solution 함수를 완성해 주세요.

제한사항
1 ≤ edges의 길이 ≤ 1,000,000
edges의 원소는 [a,b] 형태이며, a번 정점에서 b번 정점으로 향하는 간선이 있다는 것을 나타냅니다.
1 ≤ a, b ≤ 1,000,000
문제의 조건에 맞는 그래프가 주어집니다.
도넛 모양 그래프, 막대 모양 그래프, 8자 모양 그래프의 수의 합은 2이상입니다.
입출력 예

입출력 예 설명
입출력 예 #1

주어진 그래프를 그림으로 나타내면 다음과 같습니다.

2번 정점이 생성한 정점이고 도넛 모양 그래프 1개, 막대 모양 그래프 1개가 존재합니다. 따라서 [2, 1, 1, 0]을 return 해야 합니다.

입출력 예 #2

주어진 그래프를 그림으로 나타내면 다음과 같습니다.

4번 정점이 생성한 정점이고 막대 모양 그래프 1개, 8자 모양 그래프 2개가 존재합니다. 따라서 [4, 0, 1, 2]를 return 해야 합니다.

문제 풀이 힌트 

1. 생성된 정점: 들어오는 간선이 존재하지 않고, 나가는 간선이 2개 이상인 정점을 찾습니다. 이러한 정점은 하나만 존재하며, 해당 정점이 생성된 정점입니다.
2. 총 그래프 수 : 생성된 정점과 연결된 간선의 개수를 셉니다. 해당 간선들의 개수는 모양 그래프의 총개수와 동일합니다.
3. 생성된 정점과 연결된 간선을 모두 삭제합니다.
4. 막대 모양 그래프 수: 들어오는 간선이 없는 정점의 개수 혹은 나가는 간선이 없는 정점의 개수를 셉니다. 해당 정점들은 각 막대 모양 그래프마다 하나씩만 존재하기 때문에 해당 정점들의 개수는 막대 모양 그래프의 개수와 동일합니다.
5. 8자 모양 그래프 수: 들어오는 간선이 2개이면서 나가는 간선이 2개인 정점의 개수를 셉니다. 해당 정점들은 각 8자 모양 그래프마다 하나씩만 존재하기 때문에, 해당 정점들의 개수는 8자 모양 그래프의 개수와 동일합니다.
6. 도넛 모양 그래프 수:  그래프의 총 개수에서  막대그래프 수 , 8자 그래프 수를 뺍니다. 구한 값은 도넛 모양 그래프의 개수와 동일합니다.

문제 풀이 코드 

function solution(edges) {
    var answer = new Array(4).fill(0); //[생성한 정점의 번호, 도넛 모양 그래프의 수, 막대 모양 그래프의 수, 8자 모양 그래프의 수]
    const graph = new Map(); 
    
    //주어진 edges를 graph에 채워보자 from과 to를 map의 key로 설정한 후, key = from에는 나가는 간선+1, key= to일 때는 들어오는 간선+1
    edges.forEach(([from, to]) => {
        if(!graph.has(from)){
            graph.set(from, [0,0])
        }
        if(!graph.has(to)){
            graph.set(to, [0,0])
        }
        graph.get(from)[0]++; 
        graph.get(to)[1]++; 
    })
    
    // 전체 그래프 수랑 시작 정점 구하는 식 
    let total = 0; // 전체 그래프 수 
    for(let key of graph.keys()){ //graph의 key를 반복문으로 돈다 
        if(graph.get(key)[0] >=2 && graph.get(key)[1] === 0){ //나가는 간선이 2개이상이고, 들어오는 간선이 0일 때가 시작정점이다. (제한사항에서 총 그래프 수의 합이 2이상이라고 했으니, 나가는 간선이 당연히 2개 이상임)
            answer[0] = key //시작정점을 answer[0]에 채운다. 
            total = graph.get(key)[0] //시작정점에서 나가는 간선 수 = 총 그래프 수 
            break; 
        }
    }
    
    //시작 정점에서 받은 간선들은 무시되어야 한다. 
    edges.forEach(([from,to]) => {
        if(from === answer[0]){// 시작 정점이 from 일 때
            graph.get(to)[1]--; // 그 간선을 받은 to들의 받은 간선 수를 -1 한다. 
        }
    })
    
    //graph의 key들을 반복문을 통해 다 살펴보자 
    for(let key of graph.keys()){
        if(graph.get(key)[0] === 0 && graph.get(key)[1] >= 0){ //막대모양 그래프 조건 
            answer[2]++;
        }
        else if(graph.get(key)[0] === 2 && graph.get(key)[1] === 2){ //8자 그래프 조건
            answer[3]++; 
        }
    }
    answer[1] = total - answer[2] - answer[3]; //도넛 그래프 = 총 그래프 - 막대모양 그래프 - 8자 그래프 
    return answer; 
}

 

Only 풀이 코드 

function solution(edges) {
    var answer = new Array(4).fill(0); 
    const graph = new Map(); 
    
    edges.forEach(([from, to]) => {
        if(!graph.has(from)){
            graph.set(from, [0,0])
        }
        if(!graph.has(to)){
            graph.set(to, [0,0])
        }
        graph.get(from)[0]++; 
        graph.get(to)[1]++; 
    })
    
    let total = 0; 
    for(let key of graph.keys()){
        if(graph.get(key)[0] >=2 && graph.get(key)[1] === 0){
            answer[0] = key
            total = graph.get(key)[0]
            break; 
        }
    }
    edges.forEach(([from,to]) => {
        if(from === answer[0]){
            graph.get(to)[1]--; 
        }
    })
    for(let key of graph.keys()){
        if(graph.get(key)[0] === 0 && graph.get(key)[1] >= 0){
            answer[2]++;
        }
        else if(graph.get(key)[0] === 2 && graph.get(key)[1] === 2){
            answer[3]++; 
        }
    }
    answer[1] = total - answer[2] - answer[3]; 
    return answer; 
}

 

기억하고갈 ppoint

문제 풀 때 tip: 그래프를 전체적으로 특징을 찾지 말고, 그래프의 하나의 정점의 가장 큰 특징을 찾아보자.

1) Map 

• Map() 은 자바스크립트의 key-value 페어(pair) 로 이루어진 컬렉션
• key 를 사용해서 value 를 get, set 할 수 있음
• key 들은 중복될 수 없음: 하나의 key 에는 하나의 value 만
• key 로 사용할 수 있는 데이터형: string, symbol(ES6), object, function >> number 는 사용할 수 없음에 주의!

활용 

 

<참고 1> Map 과 Object 비교

• Object 의 key 는 string 과 symbol(ES6) 만 가능하지만, map 은 어떤 값도 가능
• Object 에서는 크기를 추적해서 알 수 있지만, map 은 손쉽게 얻을 수 있음(size)

참고 사이트)  

https://medium.com/@hongkevin/js-5-es6-map-set-2a9ebf40f96b

[JS #5] ES6 Map(), Set()

 

2) forEach 

3)  typeof('글자') : 타입 확인할 때