Convert the JSON data into the specified format using JavaScript

Question

Convert the JSON data into the specified format using JavaScript

Is there a way to transform JSON data like this in JavaScript?

data = [{acquired: "2018-03-09T22:49:52.935Z", mean_ndvi: -0.0483685}
{acquired: "2018-02-13T22:49:16.568Z", mean_ndvi: 0.00595065}
{acquired: "2018-04-01T22:50:30.912Z", mean_ndvi: -0.033455}]

into this precise format?

data = {"2018-03-09T22:49:52.935Z":-0.0483685, "2018-02-13T22:49:16.568Z": 0.00595065, "2018-04-01T22:50:30.912Z": -0.033455}

This is what I've tried so far:

var json =data; var obj2 ={}; var obj3 =[]; 
for(var i = 0; i < json.length; i++) 
{ var obj = json[i]; 
obj2 = {[obj.acquired]:obj.mean_ndvi};
obj3.push(obj2); } 
console.log(obj3);

I am currently getting the output in separate lines like this:

 {2018-04-01T22:50:30.912Z: -0.033455}, 
 {2018-04-01T22:50:30.912Z: -0.033455}, 
 {2018-04-01T22:50:30.912Z: -0.033455}

Any suggestions on how to modify it to display the result in one row?

javascript arrays json

Answer 1

Answer №1

To implement this logic using the reduce() method, you can utilize destructuring and spreading in the following way:

data.reduce((a, {acquired, mean_ndvi}) => ({[acquired]: mean_ndvi, ...a}), {});

Here is the full code snippet for reference:

const data = [
    {acquired: "2018-03-09T22:49:52.935Z", mean_ndvi: -0.0483685},
    {acquired: "2018-02-13T22:49:16.568Z", mean_ndvi: 0.00595065},
    {acquired: "2018-04-01T22:50:30.912Z", mean_ndvi: -0.033455}
];

const result = data.reduce((a, {acquired, mean_ndvi}) => ({[acquired]: mean_ndvi, ...a}), {});

console.log(result);

Answer 2

To implement this logic using the reduce() method, you can utilize destructuring and spreading in the following way:

data.reduce((a, {acquired, mean_ndvi}) => ({[acquired]: mean_ndvi, ...a}), {});

Here is the full code snippet for reference:

const data = [
    {acquired: "2018-03-09T22:49:52.935Z", mean_ndvi: -0.0483685},
    {acquired: "2018-02-13T22:49:16.568Z", mean_ndvi: 0.00595065},
    {acquired: "2018-04-01T22:50:30.912Z", mean_ndvi: -0.033455}
];

const result = data.reduce((a, {acquired, mean_ndvi}) => ({[acquired]: mean_ndvi, ...a}), {});

console.log(result);

Convert the JSON data into the specified format using JavaScript

Answer №1

Similar questions

Only the initial value is being processed in the for loop using Javascript

What is the method for inserting a line break into a string that is being transferred to a component in Next JS?

Automatically scroll to the end of the data retrieved through ajax

Pass for Achieving the Bokeh2 Effect

Which is the better choice: JSON file or SQL for storing data?

Update the directory path for Angular ui-bootstrap templates

Designs for an HTML5 Cheeseburger navigation interface

Adjust the field of view of the camera in ThreeJS

Converting Persian calendar date to Gregorian in JavaScript

Looking to reload a div with a captcha in a contact form without the need to refresh the entire page

Leveraging Mermaid for angular applications

ARM Error: The specified Template Resource could not be located through the resource() function with the usage of copyIndex

jQuery function duplicates row in table

Enhancing Plotly Graphs with Custom Node Values

The dialog box in my ajax jquery MVC2 asp.net application is refusing to open

Different methods for storing JSON in DynamoDB

Use jQuery to display the user input value in real-time

Cloning a repository does not support Typescript compilation

Fixing the hydration error in Next 13 can be challenging, especially when it occurs outside of a Suspense boundary

Creating a multi-step form in Rails without using the Wizard gem allows for more