Associative TypeScript Arrays

Question

Associative TypeScript Arrays

I'm attempting to organize reservations based on business ID in order to achieve a specific end result. Here is the desired output:

[ [businessID1] => [Object1,Object2, Object3], [businessID2] => [Object1,Object2], [businessID3] => [Object1,Object2] ]

Below is the code I am currently using:

let groups = new Array;
this.reservations.map(function (value) {
  groups[value.businessID] = value;
});

However, this approach is not working as expected because it keeps overwriting the array key. As someone new to the TypeScript/JavaScript world, any guidance or suggestions would be greatly appreciated.

javascript angular typescript ionic-framework

Answer 1

Answer №1

In cases where the value is not present, the process involves creating an empty array and then adding the value using the push method:

If the value of groups at businessID is undefined, create an empty array:
if (groups[value.businessID] === undefined) {
  groups[value.businessID] = [];
}
Add the value to the array at businessID:
groups[value.businessID].push(value);

A more concise approach would be:

(groups[value.businessID] = groups[value.businessID] || []).push(value);

Answer 2

In cases where the value is not present, the process involves creating an empty array and then adding the value using the push method:

If the value of groups at businessID is undefined, create an empty array:
if (groups[value.businessID] === undefined) {
  groups[value.businessID] = [];
}
Add the value to the array at businessID:
groups[value.businessID].push(value);

A more concise approach would be:

(groups[value.businessID] = groups[value.businessID] || []).push(value);

Associative TypeScript Arrays

Answer №1

Similar questions

Guide to smoothly scroll to the top of an element containing collapsible panels using Jquery

Selenium is throwing an ElementNotInteractableError indicating that the element is not able to be

Utilizing React Router with the power of useCallback

Tips on how to ensure that an onClick JS function only runs when radio buttons are selected

Incorporate JavaScript strings into HTML dynamically

I possess an array of objects that includes both images and documents. My goal is to examine the mime_type of each object and select the first element in React to be displayed within an <img> tag

Specify touch event regions with the ngTouch directive

Assigning multiple identifiers to a single element

Creating a TypeScript mixin with a partial class is a useful technique that allows you to

It appears that using JQuery's .when and .done functions may result in the code executing before the script has finished loading

My objective is to show the div element just once using AngularJS

Store the results in the database following the execution of a protractor test

Display scrollable content at the bottom

Error message: "Link binding error in knockout collection"

The C# MVC Controller is having difficulty retrieving decimal or double values from an Ajax POST request

Mismatched URLSearchParam type {property: value} does not match with undefined and Argument Type {property: value} cannot be assigned to {property: value}

Tips on adding line breaks after periods that are not at the end of a sentence in HTML text nodes with regular expressions

Setting up pagination in Angular Material can sometimes present challenges

Is there a way to modify the edit button to become a save button and include a cancel button?

Quick tip on closing an Angular-ui modal from a separate controller