How to move multidimensional array into Objects

Question

Hi I have this javascript array from json and I want expected output below using javascript ? Can someone give some direction.

[
    [{ "Key": 7, "Value": "Tours & experiances" }],
    [{ "Key": 6, "Value": "Theatre, dance and film" }],
    [
        { "Key": 2, "Value": "Children & family" },
        { "Key": 5, "Value": "Talks, course & workshops" }
    ],
    [{ "Key": 4, "Value": "Music" }],
    [{ "Key": 9, "Value": "Sports & fitness" }],
    [
        { "Key": 3, "Value": "Eat and drink" },
        { "Key": 8, "Value": "Shopping, markets & fairs" }
    ]
]

Expected Output

[
    { "Key": 7, "Value": "Tours & experiances" },
    { "Key": 6, "Value": "Theatre, dance and film" },
    { "Key": 2, "Value": "Children & family" },
    { "Key": 5, "Value": "Talks, course & workshops" },
    { "Key": 4, "Value": "Music" },
    { "Key": 9, "Value": "Sports & fitness" },
    { "Key": 3, "Value": "Eat and drink" },
    { "Key": 8, "Value": "Shopping, markets & fairs" } 
]

You can use [`.flat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) — Nick Parsons, Nov 03 '20 at 13:20

score 1 · Answer 1 · answered Nov 03 '20 at 13:19

You can simply use array.flatMap():

let input = [
    [{ "Key": 7, "Value": "Tours & experiances" }],
    [{ "Key": 6, "Value": "Theatre, dance and film" }],
    [
        { "Key": 2, "Value": "Children & family" },
        { "Key": 5, "Value": "Talks, course & workshops" }
    ],
    [{ "Key": 4, "Value": "Music" }],
    [{ "Key": 9, "Value": "Sports & fitness" }],
    [
        { "Key": 3, "Value": "Eat and drink" },
        { "Key": 8, "Value": "Shopping, markets & fairs" }
    ]
];

let result = input.flatMap(x => x);

console.log(result);

Thank you very much. you save my day ;) – sinzo Nov 03 '20 at 13:21 — sinzo, Nov 03 '20 at 13:21

score 1 · Accepted Answer · answered Nov 03 '20 at 13:20

Use flat to convert an infinite number of nested arrays into one array.

const data = [
  [{ "Key": 7, "Value": "Tours & experiances" }],
  [{ "Key": 6, "Value": "Theatre, dance and film" }],
  [
    { "Key": 2, "Value": "Children & family" },
    { "Key": 5, "Value": "Talks, course & workshops" }
  ],
  [{ "Key": 4, "Value": "Music" }],
  [{ "Key": 9, "Value": "Sports & fitness" }],
  [
    { "Key": 3, "Value": "Eat and drink" },
    { "Key": 8, "Value": "Shopping, markets & fairs" }
  ]
];

const result = data.flat(Infinity);
console.log(result);

How to move multidimensional array into Objects

2 Answers2