Combine arrays using ES5 syntax. Join arrays to form a single array

Question

Combine arrays using ES5 syntax. Join arrays to form a single array

I need help merging chunks of arrays into a single array of objects using AngularJS.

My initial input array looks like this:

[
  [
    {
      "title": "asd",
      "description": "asd"
    },
    {
      "title": "asz",
      "description": "sd"
    }
  ],
  [
    {
      "title": "ws",
      "description": "sd"
    },
    {
      "title": "re",
      "description": "sd"
    }
  ],
  [
    {
      "title": "32",
      "description": "xxs"
    },
    {
      "title": "xxc",
      "description": "11"
    }
  ]
]

The above input needs to be transformed into an array of objects as shown below:

[
  {
    "title": "asd",
    "description": "asd"
  },
  {
    "title": "asz",
    "description": "sd"
  },
  {
    "title": "ws",
    "description": "sd"
  },
  {
    "title": "re",
    "description": "sd"
  },
  {
    "title": "32",
    "description": "xxs"
  },
  {
    "title": "xxc",
    "description": "11"
  }
]

I've achieved this in ES6 as follows:

const input=[[{"title":"asd","description":"asd"},{"title":"asz","description":"sd"}],[{"title":"ws","description":"sd"},{"title":"re","description":"sd"}],[{"title":"32","description":"xxs"},{"title":"xxc","description":"11"}]]
const output = [].concat(...input);
console.log(output);

However, I believe this is specifically for ES6. Can someone assist me with implementing this in ES5?

Thank you in advance

javascript arrays angularjs

Answer 1

Answer №1

To combine multiple arrays within an input array, you can use the concat method:

var input = [
  [
    {
      "title": "apple",
      "description": "juicy fruit"
    },
    {
      "title": "banana",
      "description": "yellow fruit"
    }
  ],
  [
    {
      "title": "orange",
      "description": "citrus fruit"
    },
    {
      "title": "grape",
      "description": "small fruit"
    }
  ],
  [
    {
      "title": "watermelon",
      "description": "refreshing fruit"
    },
    {
      "title": "strawberry",
      "description": "sweet fruit"
    }
  ]
];

var result = Array.prototype.concat.apply([], input);
console.log(result);

Answer 2

To combine multiple arrays within an input array, you can use the concat method:

var input = [
  [
    {
      "title": "apple",
      "description": "juicy fruit"
    },
    {
      "title": "banana",
      "description": "yellow fruit"
    }
  ],
  [
    {
      "title": "orange",
      "description": "citrus fruit"
    },
    {
      "title": "grape",
      "description": "small fruit"
    }
  ],
  [
    {
      "title": "watermelon",
      "description": "refreshing fruit"
    },
    {
      "title": "strawberry",
      "description": "sweet fruit"
    }
  ]
];

var result = Array.prototype.concat.apply([], input);
console.log(result);

Combine arrays using ES5 syntax. Join arrays to form a single array

Answer №1

Similar questions

What steps can you take to resolve the "TypeError: Cannot read property 'id' of undefined" issue?

Display the two values of an object pair using ng-repeat in AngularJS

Discover a technique to mimic the src attribute in an HTML5 video tag just like YouTube does

Implementing image caching in tvOS with React-Native: A step-by-step guide

Guide to building interactive dropdown menus in Angular 8

Tips on searching for an entry in a database with TypeScript union types when the type is either a string or an array of strings

Remove browser data in PhoneGap / Prevent PhoneGap from utilizing cookies

The email notification system seems to be malfunctioning

Angular-meteor tutorials have a method known as '/parties/insert' that is already clearly defined and explained

What is the best method to clear data in a field following a change in selection in another field?

Combining nested objects into a single object

Sails.js navigating through sessions

Issue encountered while setting up Karma on Node - problem accessing current directory - macOS

The MUI next Tooltip fails to display upon hovering

Retrieve file server domain using JavaScript or jQuery

How to retrieve and modify JSON data in Node.js using Stream with both Get and Post methods

Conceal navigation buttons on the first and last pages of the slider

What is the process of transferring data from one div to another div (table) using AngularJS?

Array with multiple dimensions using commas as delimiters

Display a button only when hovering over it