I transformed a collection of keys from various arrays into an object for the purpose of sorting, and now I am seeking to convert them back into arrays

Question

I transformed a collection of keys from various arrays into an object for the purpose of sorting, and now I am seeking to convert them back into arrays

let values = selectValues;
    let names = selectNames;
    let priorities = prioritizedHours;
    let prefers = preferHrsArray;
    let years = workedYearsArray;
    let items = values.map((value, index) => {
                           return {
                           value: value,
                           name: names[index],
                           priority: priorities[index],
                           prefer: prefers[index],
                           year: years[index]
                           }
                           });
    let arrayObject = JSON.stringify(items);
    Logger.log('Object array: '+arrayObject);

In this script snippet, I am creating an object from the arrays like names, priorities, etc. Once sorted, the resulting Object looks like this:

[
  {"value":1,"name":"Fiona","prefer":30,"year":6},
  {"value":1,"name":"Martin","prefer":40,"year":7},
  {"value":2,"name":"Adam","prefer":0,"year":20},
  {"value":2,"name":"Steve","prefer":100,"year":5}
]

Now that the sorting is complete, I need to revert back to separate arrays as they were in the original Object. The format of these arrays should be like:

value = [1,1,2,2],
name = ['Fiona', 'Martin','Adam', 'Steve'],
prefer = [30,40,0,100],
year = [6,7,20,5]

Your assistance with this matter is greatly appreciated.

javascript google-apps-script

Answer 1

Answer №1

You can iterate through the array using forEach in this scenario

const array = [
  {"value":1,"name":"Fiona","prefer":30,"year":6},            
  {"value":1,"name":"Martin","prefer":40,"year":7},
  {"value":2,"name":"Adam","prefer":0,"year":20},
  {"value":2,"name":"Steve","prefer":100,"year":5}
]

const values = []
const names = []
const prefers = []
const years = []

array.forEach(obj => {
  values.push(obj.value),
  names.push(obj.name),
  prefers.push(obj.prefer),
  years.push(obj.year)
})

console.log(values)
console.log(names)
console.log(prefers)
console.log(years)

Answer 2

You can iterate through the array using forEach in this scenario

const array = [
  {"value":1,"name":"Fiona","prefer":30,"year":6},            
  {"value":1,"name":"Martin","prefer":40,"year":7},
  {"value":2,"name":"Adam","prefer":0,"year":20},
  {"value":2,"name":"Steve","prefer":100,"year":5}
]

const values = []
const names = []
const prefers = []
const years = []

array.forEach(obj => {
  values.push(obj.value),
  names.push(obj.name),
  prefers.push(obj.prefer),
  years.push(obj.year)
})

console.log(values)
console.log(names)
console.log(prefers)
console.log(years)

Answer 3

Answer №2

This example demonstrates how the map function works in JavaScript:

    const data = [
      { value: 1, name: "Fiona", prefer: 30, year: 6 },
      { value: 1, name: "Martin", prefer: 40, year: 7 },
      { value: 2, name: "Adam", prefer: 0, year: 20 },
      { value: 2, name: "Steve", prefer: 100, year: 5 },
    ];
    
    const values = data.map(x=>x.value);
    const names = data.map(x=>x.name);
    
    console.log(values, names);
    //[ 1, 1, 2, 2 ] [ 'Fiona', 'Martin', 'Adam', 'Steve' ]

To learn more about the map function, visit MDN for details of map

Answer 4

This example demonstrates how the map function works in JavaScript:

    const data = [
      { value: 1, name: "Fiona", prefer: 30, year: 6 },
      { value: 1, name: "Martin", prefer: 40, year: 7 },
      { value: 2, name: "Adam", prefer: 0, year: 20 },
      { value: 2, name: "Steve", prefer: 100, year: 5 },
    ];
    
    const values = data.map(x=>x.value);
    const names = data.map(x=>x.name);
    
    console.log(values, names);
    //[ 1, 1, 2, 2 ] [ 'Fiona', 'Martin', 'Adam', 'Steve' ]

To learn more about the map function, visit MDN for details of map

Answer 5

Answer №3

To add some dynamism to your code, consider implementing a solution using the reduce method combined with object destructuring in JavaScript.

const data = [
  {"value":1,"name":"Fiona","prefer":30,"year":6},
  {"value":1,"name":"Martin","prefer":40,"year":7},
  {"value":2,"name":"Adam","prefer":0,"year":20},
  {"value":2,"name":"Steve","prefer":100,"year":5}
];

const {name, value, prefer, year} = data.reduce((accumulated, current) => {
  Object.entries(current).forEach(([key, val]) => {
    if(accumulated[key] == null) 
      accumulated[key] = [];
     
    accumulated[key].push(val);
  });
  return accumulated;
}, {})

console.log(name);
console.log(value);
console.log(prefer);
console.log(year);

Answer 6

To add some dynamism to your code, consider implementing a solution using the reduce method combined with object destructuring in JavaScript.

const data = [
  {"value":1,"name":"Fiona","prefer":30,"year":6},
  {"value":1,"name":"Martin","prefer":40,"year":7},
  {"value":2,"name":"Adam","prefer":0,"year":20},
  {"value":2,"name":"Steve","prefer":100,"year":5}
];

const {name, value, prefer, year} = data.reduce((accumulated, current) => {
  Object.entries(current).forEach(([key, val]) => {
    if(accumulated[key] == null) 
      accumulated[key] = [];
     
    accumulated[key].push(val);
  });
  return accumulated;
}, {})

console.log(name);
console.log(value);
console.log(prefer);
console.log(year);

I transformed a collection of keys from various arrays into an object for the purpose of sorting, and now I am seeking to convert them back into arrays

Answer №1

Answer №2

Answer №3

Similar questions

Utilize anychart.js to define the axis using JSON data

Utilizing jQuery.ajax to Send an Array of Objects to a PHP Function

What method can I use to modify an existing decorator directive in AngularJS to automatically select all checkboxes?

Flag is to be set while moving through the input fields

What is the proper way to employ if and else if statements within Angular2?

Why isn't the AngularJS injected view resizing to fit the container?

Using an `<img>` element as an event handler in a JavaScript function

Show the content of a list from a different URL on a webpage using HTML with the

What is the best way to create an HTML form on-the-fly from a JSON object?

Enhance CSS delivery for the items listed below

Press the AngularJS button using just JavaScript and the element

Creating DIV's with Equal Heights Using AngularJS ng-repeat

Calling a function without specifying its type may lead to issues, especially when dealing with Angular 5 http calls

Creating randomized sequences using JavaScript

How can I retrieve and store session information during the authorization event in Socket.io with express-sessions?

What is the process for retrieving an Object from $cookies?

quickest method for attaching a click listener to dynamically added elements in the document object model

Having trouble rendering JSON encoded data in a JqPlot Chart within a PHP script

Extract the Top X elements from a multidimensional array

Inquiries about the jQuery Button Timer