Хотите преобразовать вложенный объект в параметр запроса для присоединения к URL - PullRequest
Новая
       11

Хотите преобразовать вложенный объект в параметр запроса для присоединения к URL

0 голосов
/ 16 мая 2019

Привет мне нужно построить URL-запрос с параметром запроса, у меня есть вложенный объект с ключом и значениями, как показано ниже 

 "user": {
    "first_name": "Srini",
    "last_name": "Raman",
     "gender": "male",
     "dob": "1992-08-02",
     "address_attributes": {
      "city": "San Diego",
      "state": "CA",
      "zip": 92127,
      "country": "USA",
      "latitude": 37.257009,
      "longitude": -120.050767
    }
}

мне нужно получить параметр запроса, подобный 

user[first_name]=Srini&user[last_name]=Raman&user[address_attributes][city]=San Diego&user[address_attributes][state]=CA

Ответы [ 2 ]

1 голос
/ 16 мая 2019 

let obj = {
  user: {
    first_name: 'Srini',
    last_name: 'Raman',
    gender: 'male',
    dob: '1992-08-02',
    address_attributes: {
      city: 'San Diego',
      state: 'CA',
      zip: 92127,
      country: 'USA',
      latitude: 37.257009,
      longitude: -120.050767
    }
  }
};

let getPairs = (obj, keys = []) =>
  Object.entries(obj).reduce((pairs, [key, value]) => {
    if (typeof value === 'object')
      pairs.push(...getPairs(value, [...keys, key]));
    else
      pairs.push([[...keys, key], value]);
    return pairs;
  }, []);

let x = getPairs(obj)
  .map(([[key0, ...keysRest], value]) =>
    `${key0}${keysRest.map(a => `[${a}]`).join('')}=${value}`)
  .join('&');
console.log(x);
0 голосов
/ 16 мая 2019

Используйте URLSearchParams для преобразования вашего объекта в строку запроса и Object.entries для добавления в параметры запроса. 

const queryObj = {
  "user": {
    "first_name": "Srini",
    "last_name": "Raman",
     "gender": "male",
     "dob": "1992-08-02",
     "address_attributes": {
      "city": "San Diego",
      "state": "CA",
      "zip": 92127,
      "country": "USA",
      "latitude": 37.257009,
      "longitude": -120.050767
    }
  }
};


// Destructure into address_attributes and rest of the properties
const { address_attributes, ...rest } = queryObj.user;

// Pass rest of the properties for making the initial query parameters
const queryParamsObj = new URLSearchParams(rest);

// Use Object.entries to set the remaining query parameters
Object.entries(address_attributes).forEach(x => {
 queryParamsObj.set(x[0], x[1]);
});

// Use the .toString() function to get a stringified representation of it.
console.log(queryParamsObj.toString());
...