Transforming a single object into multiple arrays using AngularJS

Question

Transforming a single object into multiple arrays using AngularJS

Just starting out with AngularJS and I've got some data that looks like this

{
    day1: 0,
    day2: 0,
    day3: 0,
    day4: 2
}

Is there a way to convert this data into arrays structured like below?

[
    ["day1": 0],
    ["day2": 0],
    ["day3": 0],
    ["day4": 2]
]

javascript angularjs json

Answer 1

Answer №1

While this may not directly tie into React, you can achieve a similar outcome using plain JavaScript:

const myObject = {day1: 0, day2: 0, day3: 0, day4: 2};

const myArray = Object.keys(myObject).map(function(key) {
    const result = [];

    result[key] = myObject[key];  

    return result;
});

Answer 2

While this may not directly tie into React, you can achieve a similar outcome using plain JavaScript:

const myObject = {day1: 0, day2: 0, day3: 0, day4: 2};

const myArray = Object.keys(myObject).map(function(key) {
    const result = [];

    result[key] = myObject[key];  

    return result;
});

Answer 3

Answer №2

let information = {Monday: 0, Tuesday: 0, Wednesday: 0, Thursday: 2};
let infoArray = [];
angular.forEach(information, function(val, day) {
    infoArray.push([day, val]);
})

By using this code, you will get an array similar to

[["Monday", 0], ["Tuesday", 0], ["Wednesday", 0], ["Thursday", 2]]

.

Answer 4

let information = {Monday: 0, Tuesday: 0, Wednesday: 0, Thursday: 2};
let infoArray = [];
angular.forEach(information, function(val, day) {
    infoArray.push([day, val]);
})

By using this code, you will get an array similar to

[["Monday", 0], ["Tuesday", 0], ["Wednesday", 0], ["Thursday", 2]]

.

Answer 5

Answer №3

Using vanilla JavaScript:

const newArray = Object.values(object).map((key) => object[key]);

Answer 6

Using vanilla JavaScript:

const newArray = Object.values(object).map((key) => object[key]);

Answer 7

Answer №4

Implementing _.map function in underscore.js

var elements = {elem1: 3, elem2: 6, elem3: 9, elem4: 12};
var newArray = _.map(elements, function(element) { return [element] });

Answer 8

Implementing _.map function in underscore.js

var elements = {elem1: 3, elem2: 6, elem3: 9, elem4: 12};
var newArray = _.map(elements, function(element) { return [element] });

Transforming a single object into multiple arrays using AngularJS

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Go through each item in the array and change its properties

Using Node.js to create a server that utilizes JSON.stringify for handling deep object

What could be causing the drop-down values to fail to be saved?

Submitting dataURL via Ajax using multipart/form-data

The initiation of jQuery animation through user interaction hinges on the completion of the preceding animation

Automatically trigger a page reload using a jQuery function

Dynamically attach rows to a table in Angular by triggering a TypeScript method with a button click

Locate the specific data within the unique JSON structure found on Kraken.com

Guide on removing query parameters post a redirect using NextJS

Creating a variable by using a conditional operation in JavaScript

What is the best way to effectively use combinedLatestWith?

Pass a parameter to an AJAX request in order to retrieve data from a JSON file that is limited to a specific

Maintaining the selected option on page refresh with React Remix

Utilize ramda.js to pair an identifier key with values from a nested array of objects

Loading views and controllers on-the-fly in AngularJS

Import a picture file into Photoshop and position it at a designated location

When a child is added to a parent in Angular UI Tree, it automatically appears in all parent nodes as well

Upon utilizing AngularFire, the $createUserWithEmailAndPassword function successfully creates a new user; however, it fails to return a promise

What is the functionality of the "respond_with_navigational" feature?

Creating a new column in an SQL query by converting a set of results from another table into an array