Create an array of arrays within a loop using TypeScript

Question

Create an array of arrays within a loop using TypeScript

My application contains an object with dates and corresponding time arrays. The console log output is displayed below:


32: {
1514160000: Array [ 1200, 1500 ],
1514764800: Array [ 1200, 1500 ],
1515369600: Array [ 1200, 1500 ],
1515974400: Array [ 700, 1200, 1500 ],
1516579200: Array [ 700, 1200, 1500 ],
}

Using this data, I have created a loop to generate a new array of dates with times and worker IDs as shown below (similar structure):


1514160000 :[
1200 : [32,40,56],
1500 : [32,40],
],
1514764800: [
1200 : [32,40,56],
1500 : [32,40],
]

The code snippet I wrote for this purpose creates an array of dates by dynamically assigning date values and then converting it into another array.


let allDates :any = [];
for(let pid in this.allAvailableProviders)
{
console.log(pid);
for(let slotDate in this.allAvailableProviders[pid]){
if(!Array.isArray(allDates[slotDate])){
let allDates[slotDate] :any = [];
}
}
}

The variable allAvailableProviders is an object in this context.

When running the command ng serve, I encounter the following error:

'=' expected

How can I resolve this issue?

javascript arrays angular typescript

Answer 1

Answer №1

Simply initializing the array without any assignment:

    for(let slotDate in this.allAvailableProviders[pid]){
      if(!Array.isArray(allDates[slotDate])){
        allDates[slotDate] = [];
      }
    }

Answer 2

Simply initializing the array without any assignment:

    for(let slotDate in this.allAvailableProviders[pid]){
      if(!Array.isArray(allDates[slotDate])){
        allDates[slotDate] = [];
      }
    }

Answer 3

Answer №2

The let statement is used to declare a variable, not an expression.

Instead of using any, aim to define your outer array with the correct data type, as you are aware that it will be an array of arrays.

  let allDates: any[][] = [];
  for(let pid in this.allAvailableProviders)
  {
    console.log(pid);
    for(let slotDate in this.allAvailableProviders[pid]){
      if(!Array.isArray(allDates[slotDate])){
        // Make sure to assign only arrays to avoid errors.
        // This ensures proper typing and prevents unexpected issues.
        allDates[slotDate] = [];
      }
    }
  }

Answer 4

The let statement is used to declare a variable, not an expression.

Instead of using any, aim to define your outer array with the correct data type, as you are aware that it will be an array of arrays.

  let allDates: any[][] = [];
  for(let pid in this.allAvailableProviders)
  {
    console.log(pid);
    for(let slotDate in this.allAvailableProviders[pid]){
      if(!Array.isArray(allDates[slotDate])){
        // Make sure to assign only arrays to avoid errors.
        // This ensures proper typing and prevents unexpected issues.
        allDates[slotDate] = [];
      }
    }
  }

Create an array of arrays within a loop using TypeScript

Answer №1

Answer №2

Similar questions

Configuring Firefox settings in Nightwatch

Is it possible for a kraken.js backend to manipulate the content of a webpage?

How can you determine if a user has selected "Leave" from a JavaScript onbeforeunload dialog box?

How can I establish default values for 2 to 3 options in a Dropdownlist?

Get a webpage that generates a POST parameter through JavaScript and save it onto your device

Is it possible in Vuetify 2 to align the items within the expansion of a v-data-table with the headers of the main component?

Generate a flexible JSON array in VB.NET

In Vue3, I utilize the Provide and Inject feature to handle data changes without triggering a visual update. Instead, I apply a filter() function to remove an item from an

Issue with h2 tag within JQuery's read more feature

Attempting to conceal a div element along with its contents using AngularJS

React.js pagination - removing empty values from an array

Display a PHP array with my customized formatting

Unlocking the treasures of JSON data in JavaScriptDiscovering the secrets of extracting JSON

Explaining the process of defining `this.props` and storing data in the global Redux state

Angular fails to detect newly added component

Is there a way to determine if a browser's Storage object is localStorage or sessionStorage in order to effectively handle static and dynamic secret keys within a client?

Restrict user uploads to a maximum of 5 posts per minute using Jquery

Prisma Hack: excluding properties in type generation

NativeScript encountered an error while trying to locate the module 'ui/sidedrawer' for the specified element 'Sidedrawer'

What is preventing me from assigning all padding values at once?