How to divide multi array in javascript

Question

I have an array that has 3 data in each index variable

var data = @json($data)

output

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
0: {day: "Saturday", totalIncome: 0, totalExpense: 300}
1: {day: "Sunday", totalIncome: 0, totalExpense: 0}
2: {day: "Monday", totalIncome: 0, totalExpense: 0}
3: {day: "Tuesday", totalIncome: 0, totalExpense: 0}
4: {day: "Wednesday", totalIncome: 500, totalExpense: 0}
5: {day: "Thursday", totalIncome: 0, totalExpense: 0}
length: 6

I want to make 3 array like

var days = datas.day;
var incomes = datas.totalIncome;
var expenses = data.totalExpenses;

what should I do now to make this 3 arrays from data. please help

it's valid for laravel php. php array to js array conversion — TI Anik
– TI Anik, Commented Apr 25, 2021 at 19:04

jrob11 · Accepted Answer · 2021-04-25 19:03:49Z

2

Maybe something like this in vanilla JS:

const days = [], incomes = [], expenses = [];

for (let i = 0; i < data.length; i++) {
    days.push(data[i]["day"]);
    incomes.push(data[i]["totalIncome"]);
    expenses.push(data[i]["totalExpense"]);
}

answered Apr 25, 2021 at 19:03

jrob11

3151 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mrhn · Accepted Answer · 2021-04-25 19:05:13Z

1

Map your data into new arrays.

var days = datas.map(function(obj) {
    return obj['day'];
});
var incomes = datas.map(function(obj) {
    return obj['income'];
});
var expenses = datas.map(function(obj) {
    return obj['expenses'];
});

If you have lodash installed.

var days = _.pluck(datas, 'day')

answered Apr 25, 2021 at 19:05

mrhn

19.1k6 gold badges31 silver badges48 bronze badges

Comments

evolutionxbox · Accepted Answer · 2021-04-25 20:28:39Z

1

Use native flatMap function, for example:

    var groupBy = key => {
        return [
           {day: "Saturday", totalIncome: 0, totalExpense: 300},
           {day: "Sunday", totalIncome: 0, totalExpense: 0},
           {day: "Monday", totalIncome: 0, totalExpense: 0},
           {day: "Tuesday", totalIncome: 0, totalExpense: 0},
           {day: "Wednesday", totalIncome: 500, totalExpense: 0},
           {day: "Thursday", totalIncome: 0, totalExpense: 0}
        ].flatMap(v => v[key])
    }


    const days = groupBy('day')
    console.log(days)

edited Apr 25, 2021 at 20:28

evolutionxbox

4,1426 gold badges41 silver badges59 bronze badges

answered Apr 25, 2021 at 19:10

Eliran Givoni

1441 silver badge9 bronze badges

Collectives™ on Stack Overflow

How to divide multi array in javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related