How to create jquery array with key values

Question

Is there a way we can create an array in JQuery with key and values? I want to loop through the TFNDailySummaryReportData array and assign its DateWiseSalesData's Name property to key and DateWiseSalesData as value.

for (var i = 0; i < TFNDailySummaryReportData.length; i++) 
{
    var keyValueArray = {
         Key: TFNDailySummaryReportData[i].DateWiseSalesData.Name;
         value: TFNDailySummaryReportData[i].DateWiseSalesData
     }
}

Is it possible to achieve something like this? If yes, how?

keyValuesArray.push("TFNDailySummaryReportData[i].DateWiseSalesData.Name" : "TFNDailySummaryReportData[i].DateWiseSalesData") — 404answernotfound
– 404answernotfound, Commented Dec 29, 2016 at 9:23

Satpal · Accepted Answer · 2016-12-29 09:23:52Z

3

You were very close, You can define an array and use .push() method to populate it.

var arr=[];
for (var i = 0; i < TFNDailySummaryReportData.length; i++) 
{
    arr.push({
         Key: TFNDailySummaryReportData[i].DateWiseSalesData.Name;
         value: TFNDailySummaryReportData[i].DateWiseSalesData
     })
}

You can also use .map()

var arr=TFNDailySummaryReportData.map(function(value){
    return {
         Key: value.DateWiseSalesData.Name;
         value: value.DateWiseSalesData
     }
});

answered Dec 29, 2016 at 9:23

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Derek · Accepted Answer · 2016-12-29 10:39:59Z

0

This has nothing to do with jQuery. Arrays are basic JavaScript, and you can map the KVP based objects to a new array as such:

Using ES6:

const keyValueArray = TFNDailySummaryReportData.map(x => { 
    return { [x.DateWiseSalesData.Name]: x.DateWiseSalesData };
});

Using ES5:

var keyValueArray = TFNDailySummaryReportData.map(function(x) {
    return { x.DateWiseSalesData.Name : x.DateWiseSalesData };
});

edited Dec 29, 2016 at 10:39

answered Dec 29, 2016 at 9:41

Derek

4,7513 gold badges25 silver badges41 bronze badges

Collectives™ on Stack Overflow

How to create jquery array with key values

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related