Writing a static array of objects

Question

I need help formatting this response. Below is a response that I'm getting from a server. I'd like to write out a static version of this but I'm struggling with the formatting of how to write it.

Response I want to write:

[
    category1: [{...},{...}], 
    category2: [{...},{...}], 
    category3: [{...},{...}]
]

My attempt:

const myArr = [
    "category1": [{...},{...}],
    "category2": [{...},{...}],
    "category3": [{...},{...}]
]

What is it that I'm doing wrong here? Thank you! Apologises for the n00b question.

There's some differences in arrays and objects, and I think that you need an object, not array. dev.to/zac_heisey/objects-vs-arrays-2g0e — Calvin Nunes
– Calvin Nunes, Commented Nov 8, 2019 at 12:02
Arrays don't have "named" elements. Maybe you want an object instead: {category1: [...], ...}. — Felix Kling
– Felix Kling, Commented Nov 8, 2019 at 12:02

T.J. Crowder · Accepted Answer · 2019-11-08 12:25:59Z

3

You've written something that's a cross between an array literal and an object literal. It needs to be one or the other.

An array literal, containing arrays of objects:

const myArr = [
    [{/*...*/},{/*...*/}],
    [{/*...*/},{/*...*/}],
    [{/*...*/},{/*...*/}]
];

You access the "category1" array via myArr[0], "category2" via myArr[1], etc.

An object literal, containing arrays of objects as the values of properties:

const myObj = {
    category1: [{/*...*/},{/*...*/}],
    category2: [{/*...*/},{/*...*/}],
    category3: [{/*...*/},{/*...*/}]
};

You access the "category1" array via myObj.category1, "category2" via myObj.category2, etc.

Although it's possible to give arrays arbitrary named properties (because arrays are objects), you can't do so in an array literal (you have to create the array first, then add the properties), and you usually don't want to do it anyway. :-)

edited Nov 8, 2019 at 12:25

answered Nov 8, 2019 at 12:06

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Comments

Mischa · Accepted Answer · 2019-11-08 12:04:57Z

0

You can only use keys in an object not in an array. Try like this:

const myArr = {
    "category1": [{...},{...}],
    "category2": [{...},{...}],
    "category3": [{...},{...}]
};

answered Nov 8, 2019 at 12:04

Mischa

1,70110 silver badges15 bronze badges

Comments

hurricane · Accepted Answer · 2019-11-08 12:05:11Z

0

Something is wrong from that request because there is no result format like that. Make sure you have the correct response.

Object version:

const myArr = {
    "category1": [{...},{...}],
    "category2": [{...},{...}],
    "category3": [{...},{...}]
};
console.log(Object.keys(myArr).map((key) => myArr[key]));

answered Nov 8, 2019 at 12:05

hurricane

6,7342 gold badges38 silver badges45 bronze badges

Collectives™ on Stack Overflow

Writing a static array of objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related