Looping through an array and adding its elements to a dictionary using JavaScript

Question

Looping through an array and adding its elements to a dictionary using JavaScript

I am struggling to figure out how to iterate over a dictionary with values in the form of arrays and then organize those values into a new dictionary. I am unsure of the steps needed to achieve this.

Below is the data I need to iterate through:

{
t: ["20181019,20181022,...."],
o: ["180.34,189.45,..."],
h: ["180.99,181.40,..."],
l: ["178.57,177.56,...."],
c: ["179.85 ,178.75,...."]
}

And here is the desired end result:

[
    { time: '20181019', open: 180.34, high: 180.99, low: 178.57, close: 179.85 },
    { time: '20181022', open: 180.82, high: 181.40, low: 177.56, close: 178.75 },
    { time: '20190509', open: 193.31, high: 195.08, low: 191.59, close: 194.58 },
]

javascript arrays loops backend

Answer 1

Answer №1

If you want to get the desired outcome, you can make use of the Object.keys function along with reduce

const obj = {
  a: ["apple, apricot"],
  b: ["banana, blackberry"],
  c: ["cherry, coconut"],
  d: ["date, dragonfruit"],
  e: ["elderberry, fig"],
};

const dictionary = { a: "fruitA", b: "fruitB", c: "fruitC", d: "fruitD", e: "fruitE" };

const tempObj = Object.keys(obj).forEach((key) => (obj[key] = obj[key][0].split(",")));

const finalResult = Array.from({ length: obj.a.length }, (_, index) => {
  return Object.entries(obj).reduce((accumulator, [key, value]) => {
        accumulator[dictionary[key]] = key === "a" ? value[index] : +value[index];
    return accumulator;
  }, {});
});

console.log(finalResult);

/* This section is not related to the solution. It is just for adjusting output height. Please disregard it */
.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

If you want to get the desired outcome, you can make use of the Object.keys function along with reduce

const obj = {
  a: ["apple, apricot"],
  b: ["banana, blackberry"],
  c: ["cherry, coconut"],
  d: ["date, dragonfruit"],
  e: ["elderberry, fig"],
};

const dictionary = { a: "fruitA", b: "fruitB", c: "fruitC", d: "fruitD", e: "fruitE" };

const tempObj = Object.keys(obj).forEach((key) => (obj[key] = obj[key][0].split(",")));

const finalResult = Array.from({ length: obj.a.length }, (_, index) => {
  return Object.entries(obj).reduce((accumulator, [key, value]) => {
        accumulator[dictionary[key]] = key === "a" ? value[index] : +value[index];
    return accumulator;
  }, {});
});

console.log(finalResult);

/* This section is not related to the solution. It is just for adjusting output height. Please disregard it */
.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

Below is a simple solution:

const data = {
  t: ['20181019,20181022,....'],
  o: ['180.34,189.45,...'],
  h: ['180.99,181.40,...'],
  l: ['178.57,177.56,....'],
  c: ['179.85 ,178.75,....'],
};

let transformed = {};
Object.keys(data).map((key) => {
  transformed[key] = data[key][0].split(',');
});

const result = transformed.t.map((tVal, index) => {
  return {
    time: tVal,
    open: transformed.o[index],
    high: transformed.h[index],
    low: transformed.l[index],
    close: transformed.c[index],
  };
});

console.log(result);

Answer 4

Below is a simple solution:

const data = {
  t: ['20181019,20181022,....'],
  o: ['180.34,189.45,...'],
  h: ['180.99,181.40,...'],
  l: ['178.57,177.56,....'],
  c: ['179.85 ,178.75,....'],
};

let transformed = {};
Object.keys(data).map((key) => {
  transformed[key] = data[key][0].split(',');
});

const result = transformed.t.map((tVal, index) => {
  return {
    time: tVal,
    open: transformed.o[index],
    high: transformed.h[index],
    low: transformed.l[index],
    close: transformed.c[index],
  };
});

console.log(result);

Answer 5

Answer №3

Here is the code snippet to achieve the desired result.

let stockData = {
  t: ["20181019,20181022"],
  o: ["180.34,189.45"],
  h: ["180.99,181.40"],
  l: ["178.57,177.56"],
  c: ["179.85 ,178.75"]
}

let result = [];

const openPrices = stockData.o.toString().split(",");
const highPrices = stockData.h.toString().split(",");
const lowPrices = stockData.l.toString().split(",");
const closePrices = stockData.c.toString().split(",");

stockData.t.toString().split(",").forEach((item, index) => {
  result.push({
    time: item,
    open: openPrices[index],
    high: highPrices[index],
    low: lowPrices[index],
    close: closePrices[index]
  });
})

console.log(result);

Answer 6

Here is the code snippet to achieve the desired result.

let stockData = {
  t: ["20181019,20181022"],
  o: ["180.34,189.45"],
  h: ["180.99,181.40"],
  l: ["178.57,177.56"],
  c: ["179.85 ,178.75"]
}

let result = [];

const openPrices = stockData.o.toString().split(",");
const highPrices = stockData.h.toString().split(",");
const lowPrices = stockData.l.toString().split(",");
const closePrices = stockData.c.toString().split(",");

stockData.t.toString().split(",").forEach((item, index) => {
  result.push({
    time: item,
    open: openPrices[index],
    high: highPrices[index],
    low: lowPrices[index],
    close: closePrices[index]
  });
})

console.log(result);

Looping through an array and adding its elements to a dictionary using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Emphasize the most recent file during the document upload process and ensure the scroll bar moves accordingly to the document

The correct usage of && and || operators in javascript

The average duration for each API request is consistently recorded at 21 seconds

The JSON object is not providing the length of the array, returning the value as

Tips for removing residue from old watches

Keep the Bootstrap modal open while the JavaScript validation is running, and redirect the form action if the validation is successful

Manipulating divs by positioning them at the top, left, right, bottom, and center to occupy the entire visible portion of the page

What causes the mounted hook in Vue to be triggered multiple times when used within a plugin or mixin?

Issue occurred while executing the fs.rename() function in a loop in Node.js

difficulty encountered when using the Angular delete method in conjunction with Express.js

Is the variable empty outside of the subscribe block after it's been assigned?

Issue encountered in Angularjs during upgrade process from version 1.2.27 to 1.4.7

Can Google Charts columns be customized with different colors?

Toggle visibility on the child DOM element of each item in the v-for loop

The Chrome extension I created using JQuery to trigger 'keyup' events is not updating the value of the 'input' field on a website that utilizes knockout JS

Viewing Server Logs in a Discord Channel

I am continuously encountering an error message saying [$injector:modulerr] while working with AngularJS

Include an additional tag solely by using a specific set of keys predetermined in advance

Just starting out with jQuery: seeking advice on a user-friendly slideshow plugin, any tips on troubleshooting?

How to determine if an Angular list has finished rendering