객체를 쿼리 스트링으로 인코딩하기

들어가기

객체를 Object.entries()와 map()을 사용해 쿼리 스트링으로 인코딩하기.

---

let params = {lat: 45, lng: 6, alt: 1000};
let queryString = Object.entries(params).map(p => encodeURIComponent(p[0])) + '=' + encodeURIComponent(p[1])).join('&')
//=> queryString is "lat=45&lng=6*alt=1000"

params를 entries하면 키-값을 배열에 담는다.

[['lat', 45], ['lng', 6], ['alt', 1000]]

그리고 map()을 통해 각 배열에 접근한다음 원하는 데이터로 가공함.

구조분해를 이용해서 이렇게 표현 할 수 있음.

....map(([key, value]) => encodeURIComponent(key)) + '=' + encodeURIComponent(value)).join('&'))