Map to JSON, Object ...

Map to JSON

어떻게 하면 Map 객체를 JSON형태로 보낼 수 있을까.

시행착오

1. 순차

     for([key,value] of db){
       res.json(value);
       //console.log(db);
     }
   

   ⚠️ 에러 발생

   →error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

   • 서버가 클라이언트에게 둘 이상의 응답을 보내려고 해서 발생하는 오류. 즉, 요청을 for문으로 여러 번 보내서 에러가 발생함.
   1. forEach()로 돌아서 새 객체에 값을 매핑하여 보내기

   let yotubers = {};
   
   db.forEach((value, key) => {
     youtubers[key] = value;
   });
   res.json(yotubers);
   

2. 바로 객체를 JSON으로 보내기.

   res.json(value);
   
   /*
   
   {} <- 객체가 찍히지 않는다.
   즉, json이 표현할 수 있도록 변환해줘야 함.
   
   */
   

3. Object.fromEntries() 사용

   • Object.fromEntries(array): 배열→ 객체 키,값으로 구성된 배열 형태를 객체로 변경한다.
   • Object.entries(obj): 객체→ 배열 객체를 배열로 만들며 이때 key와 value는 순서를 가지게 된다.

   • javascript map to json 이라고 치니 나온 글을 참고했다.

     https://medium.com/@glasshost/how-to-convert-a-map-to-json-in-javascript-b8a6ae3abedd

   여기서 JSON.stringify() 를 써서 바꿔주기까지 했는데 이러면

   "{\"1\":{\"channelTitle\":\"hongsi 홍시\",\"sub\":\"57.8만명\",\"videoNum\":338}}"
   

   이렇게 뜨므로 적용하지 않았다.

   • 같은 내용이 stack overflow에도 나온다. https://stackoverflow.com/questions/37437805/convert-map-to-javascript-object

   
   app.get('/youtubers',(req,res)=>{
   const allyoutuber = Object.fromEntries(db);
   res.json(allyoutuber);
   console.log(db);
   
   
   /*
   
       "1": {
           "channelTitle": "hongsi 홍시",
           "sub": "57.8만명",
           "videoNum": 338
       }
       */
   

Map

let class = new Map([
	['name':'english Class',
		'people':13,
		'date':' '4month'

])

class.set(key, value);

Map과 array 구분

• 단순히 생각나도 이해한건, array는 인덱스가 숫자, map은 문자열도 가능한 배열.
  • 그래서 map 선언 시, 2차원 배열 처럼 넣는 듯 하다.
  • 둘 다 순서가 있다는 것도 맞음.
• VS 객체
  • 순서가 없는 키,값으로 이루어진 덩어리.

객체 → Map, array : Object.entries(obj)

• 객체가 들어가서 entries

Map, array→ 객체 : Object.fromEntries(arr)

• 객체로 변환되어 들어가니 from 붙이기.

forEach() vs map()

array에 쓰면, value, index, all(array에 있는 모든 값)을 보여준다.

//forEach()

const arr = [1, 2, 3, 4, 5];

arr.forEach(function (value, index, all) {
  console.log(`index: ${index}, value:${value}`);
  return value * 2; //undefined
});

let new_class = new Map([
  ["name", "english Class"],
  ["people", 13],
  ["date", "4month"],
]);

new_class.set("location", "d-4");

new_class.forEach(function (value, key) {
  console.log(`key: ${key}, value:${value}`);
});

//map()
arr.map(function (value, index, all) {
  console.log(`index: ${index}, value:${value}`, all);
  return value * 2; //값이 2배로 되어 반환된다.
});