Turning JSON into an array without needing to use a key can be achieved by simply

Question

Turning JSON into an array without needing to use a key can be achieved by simply

I'm facing a challenge with an array of objects in the following structure:

[{
    "X": "valueX",
    "Y": "valueY",
    "Z": "valueZ"
}, {
    "X": "anotherX",
    "Y": "anotherY",
    "Z": "anotherZ"
}]

My goal is to transform this data into a two-dimensional array as shown here:

[["thisA","thisB","thisC"], ["thatA","thatB","thatC"]]

I am aware that we can achieve this using the map() function while specifying the keys (X, Y, Z).

newArray = dataArray.map(item => [item['X'], item['Y'], item['Z']])

However, I am looking for a more generic solution that would work regardless of the specific keys used in the array. Since the content and keys of the array may vary, is there a universal method to accomplish this transformation?

javascript arrays

Answer 1

Answer №1

let array = [{
  "X": "thisX",
  "Y": "thisY",
  "Z": "thisZ"
}, {
  "X": "thatX",
  "Y": "thatY",
  "Z": "thatZ"
}]

const output = array.map(Object.values)

console.log(output);

Answer 2

let array = [{
  "X": "thisX",
  "Y": "thisY",
  "Z": "thisZ"
}, {
  "X": "thatX",
  "Y": "thatY",
  "Z": "thatZ"
}]

const output = array.map(Object.values)

console.log(output);

Answer 3

Answer №2

While punksta's solution is elegant, my approach to achieving the same result in automatic mode would be as follows:

const src = [{
    "A": "thisA",
    "B": "thisB",
    "C": "thisC"
}, {
    "A": "thatA",
    "B": "thatB",
    "C": "thatC"
}]

const result = src.map(o => Object.keys(o).map(k => o[k]))

console.log(result)

Answer 4

While punksta's solution is elegant, my approach to achieving the same result in automatic mode would be as follows:

const src = [{
    "A": "thisA",
    "B": "thisB",
    "C": "thisC"
}, {
    "A": "thatA",
    "B": "thatB",
    "C": "thatC"
}]

const result = src.map(o => Object.keys(o).map(k => o[k]))

console.log(result)

Turning JSON into an array without needing to use a key can be achieved by simply

Answer №1

Answer №2

Similar questions

The range slider's color value is not resetting correctly when using the <input>

How to control Formik inputs from an external source

What steps can be taken to send the user to the login page after their session token has expired

Basic setup of an embedded database in MongoDB

Using HTML5 data attributes as alternative configuration options in a jQuery plugin can present challenges

Accessing an API to retrieve a JSON array populated with various objects

Extract a section of the table

Guide to sending a post request with parameters in nuxt.js

Is it feasible to transmit an image file to PHP using AJAX?

Troubleshooting: AngularJS $uibModal Issue Not Resolved

Using the array.prototype.map method on props in React.js results in an array that is devoid

Why is my update with upsert: true not working in Express and Mongoose?

WebDriver encounters difficulty clicking on a certificate error popup window

How can I create a script for a sliding/toggling menu?

Using styled components but lacking the ability to use the className property

Initiating Ajax to trigger the body's onLoad event

Why does a React error keep popping up when trying to set a background-image in my CSS?

Problem with Bootstrap slider animation

Arranging objects in an NSMutableArray in a specific order

Angular Material Password Confirmation