Managing, sorting, and manipulating information with JavaScript is a talent now we have steadily delegated to 3rd celebration libraries like lodash. Because the JavaScript language progresses, alternatively, those options in the end get. added to the JavaScript specification. Two such APIs for grouping of Array information are `Array.prototype.staff and Array.prototype.groupToMap.

Array.prototype.staff

To staff an array of gadgets via a given belongings, name the staff approach with serve as that returns the grouping string:

const groups = [
  { name: "Arsenal", origin: "London", tier: "legendary" },
  { name: "Manchester United", origin: "Manchester", tier: "legendary" },
  { name: "Liverpool", origin: "Liverpool", tier: "legendary" },
  { name: "Newcastle United", origin: "Newcastle", tier: "mid" },
  // Lol, awful club
  { name: "Tottenham", origin: "London", tier: "lol" },
];

const tieredTeams = groups.staff(({ tier }) => tier);

The results of the array’s staff is an object with keys that fit the grouping key:

{
  mythical: [
    {name: "Arsenal", origin: "London", tier: "legendary"},
    {name: "Manchester United", origin: "Manchester", tier: "legendary"},
    {name: "Liverpool", origin: "Liverpool", tier: "legendary"}
  ], 
  mid: [
    {name: "Newcastle United", origin: "Newcastle", tier: "mid"}
  ], 
  lol: [
    {name: "Tottenham", origin: "London", tier: "lol"}
  ]
}

Array.prototype.groupToMap

groupToMap returns a Map example as a substitute of an object literal:

const tieredTeamsMap = groups.staff(({ tier }) => tier);

tieredTeamsMap.has('lol') // true

tieredTeamsMap.get('lol') // [{name: "Tottenham", origin: "London", tier: "lol"}]

As of the time of put up, staff and groupToMap are handiest to be had in Safari. Those two strategies are an important to information control shifting ahead. Whether or not you are manipulating information on shopper or server aspect, those newly added local strategies are a lot welcomed.