What is the best way to structure a JSON object with keys that can change dynamically?

Question

What is the best way to structure a JSON object with keys that can change dynamically?

  var data= [{_id: "5a93cbd49ae761a4015f6346", nombre: "Chicago - Missouri", longitud: "-94.6807924", latitud: "38.287606"},
{ _id: "5a93ca539ae761a4015f6344", nombre: "Boston - Central Falss", longitud: "-71.4111895", latitud: "41.8902971"},
 { _id: "5a93ccbf9ae761a4015f6349", nombre: "Houston - Dallas", longitud: "-97.0117365", latitud: "32.8209296"}]

var d=[];
for(var i in data){
    d.push({ data[i].nombre:data[i]["_id"] })
}

I want to create a JSON object with the following structure:

{ "nombre":"_id" }

For instance:

 { "Chicago - Missouri":"5a93cbd49ae761a4015f6346"}
 { "Boston - Central Falss- Missouri": "5a93ca539ae761a4015f6344" }4

Where did I go wrong?

Thank you

javascript json

Answer 1

Answer №1

Give this a shot -

let info = [{_id: "5a93cbd49ae761a4015f6346", name: "Chicago - Missouri", longitude: "-94.6807924", latitude: "38.287606"},
{ _id: "5a93ca539ae761a4015f6344", name: "Boston - Central Falls", longitude: "-71.4111895", latitude: "41.8902971"},
{ _id: "5a93ccbf9ae761a4015f6349", name: "Houston - Dallas", longitude: "-97.0117365", latitude: "32.8209296"}]

let newData = [];
for(let index in info){
    let pushObject = {};
    pushObject[info[index].name] = info[index]["_id"];
    newData.push(pushObject);
}
console.log(newData);

Answer 2

Give this a shot -

let info = [{_id: "5a93cbd49ae761a4015f6346", name: "Chicago - Missouri", longitude: "-94.6807924", latitude: "38.287606"},
{ _id: "5a93ca539ae761a4015f6344", name: "Boston - Central Falls", longitude: "-71.4111895", latitude: "41.8902971"},
{ _id: "5a93ccbf9ae761a4015f6349", name: "Houston - Dallas", longitude: "-97.0117365", latitude: "32.8209296"}]

let newData = [];
for(let index in info){
    let pushObject = {};
    pushObject[info[index].name] = info[index]["_id"];
    newData.push(pushObject);
}
console.log(newData);

Answer 3

Answer №2

Start by creating an object, adding the necessary data, and then push it into the array d

var data= [{
  _id: "5a93cbd49ae761a4015f6346",
  name: "Chicago - Missouri", 
  longitude: "-94.6807924", 
  latitude: "38.287606"
},{ 
  _id: "5a93ca539ae761a4015f6344", 
  name: "Boston - Central Falls", 
  longitude: "-71.4111895", 
  latitude: "41.8902971"
},{ 
  _id: "5a93ccbf9ae761a4015f6349", 
  name: "Houston - Dallas", 
  longitude: "-97.0117365", 
  latitude: "32.8209296"
}]

var d=[];
for(var i in data){
    var temp = {};
    temp[ data[i].name ] = data[i]["_id"];
    d.push(temp)
}

console.log(d);

Answer 4

Start by creating an object, adding the necessary data, and then push it into the array d

var data= [{
  _id: "5a93cbd49ae761a4015f6346",
  name: "Chicago - Missouri", 
  longitude: "-94.6807924", 
  latitude: "38.287606"
},{ 
  _id: "5a93ca539ae761a4015f6344", 
  name: "Boston - Central Falls", 
  longitude: "-71.4111895", 
  latitude: "41.8902971"
},{ 
  _id: "5a93ccbf9ae761a4015f6349", 
  name: "Houston - Dallas", 
  longitude: "-97.0117365", 
  latitude: "32.8209296"
}]

var d=[];
for(var i in data){
    var temp = {};
    temp[ data[i].name ] = data[i]["_id"];
    d.push(temp)
}

console.log(d);

What is the best way to structure a JSON object with keys that can change dynamically?

Answer №1

Answer №2

Similar questions

Title Tooltip Capitalization in Vue.js: A Guide

JavaScript function to toggle the visibility of navigation with a click of a button

Is client-side JavaScript executed prior to server-side JavaScript in AJAX?

Modify the data displayed on the chart by choosing the desired year from the dropdown options

What could be causing the lack of animation in W3schools icons?

The VueJS app seems to be experiencing difficulties with rendering the content

Tips for managing post-generated buttons using jQuery?

Trigger the callback function once the datatables DOM element has finished loading entirely

Is your Ajax response suddenly failing to work after the initial attempt?

How can I receive user input in JavaScript while incorporating three.js?

An error occurred while trying to load the XMLHttpRequest due to a NetworkError that was

concerns regarding the security of JSON parsing

The Select2 ajax process runs twice

Having difficulty controlling the DOM using cheerio in a Node.js environment

Use radio buttons to enable switching between different data options within a dropdown menu

Efficiently handling jsonwebtoken errors in node and express

Error encountered: unable to locate module - '@deck.gl/exper-layers'

Is there a way to run only one instance of puppeteer.launch() and simply forward pages to it in Node.js?

JQuery Ajax: The loaded content flickers into view, revealing old content momentarily

Transfer files with Ajax without the need for a form tag or submission