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?

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?

• javascript
• jquery
• arrays
• key-value

Share Improve this question Follow edited Dec 29, 2016 at 9:27 Satpal 133k1313 gold badges167167 silver badges170170 bronze badges asked Dec 29, 2016 at 9:20 Fact FinderFact Finder 19133 gold badges55 silver badges1515 bronze badges 1

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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
     }
});

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 };
});