Using Typescript to dynamically change the array being called based on a given parameter

How can we access different arrays based on the parameters passed?

public array1: Array<any> = ['list', 'of','array1'];
public array2: Array<any> = ['list', 'of','array2'];
public array3: Array<any> = ['list', 'of','array3'];
public array4: Array<any> = ['list', 'of','array4'];
public array5: Array<any> = ['list', 'of','array5'];
public array6: Array<any> = ['list', 'of','array6'];

         
    ngOnInit(): void {

     this.useArray(param);

    }

   useArray(param) {

      //if param is array6

      passTheArray(this.array6);

   }

The chosen array will then be sent to another service for further processing.

Answer №1

To easily access the elements, you can utilize the bracket notation method.

Check out the code snippet below for reference.

retrieveElement(parameter) {

    //if parameter is an array

    grabArray(this[parameter]);

}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a file structure for JavaScript files in a Vue CLI project

When structuring my Vue CLI project, I'm struggling to find clear documentation on best practices. Currently, I have 10 modules each with an associated JS file. My approach so far involves organizing all the pages in my router.js within a views direc ...

I am hoping for the outcome to be directed to the homepage

I'm struggling to figure this out, as I am new to classic ASP and JavaScript. I hope someone can help me understand. I want to display the response.write on the main.asp (or the result) page, but each time I try, it redirects to pass.asp on a differen ...

When using React MUI datatables, unable to align icons to the left

I'm currently working on implementing react mui datatables and I am looking to include additional buttons within the toolbar. Specifically, I would like to place an icon on the right-hand side of the toolbar. Here are my complete options: const op ...

Having trouble with ui-router: "$injector:modulerr" - it seems an error has occurred

I recently started the tutorial AngularJS Tutorial: Learn to Build Modern Web Apps with Angular and Rails by Thinkster, but encountered a problem. After creating an inline template, I ended up with a blank page and an error message $injector:modulerr with ...

Creating an interactive dropdown menu in React JS on click

My goal is to display a select tag when a text or div element is clicked. I'm unsure of the correct method and location to render it. Therefore, I decided to create a handler function that sets a variable, isItClick, to true in order to show the sele ...

Is it possible to shift the image within the <canvas> element without having to redraw the entire canvas?

I created a game board and I am trying to implement drag-and-drop functionality for my pieces, which are in .gif format. However, I am struggling with finding a solution that allows me to move the pieces without constantly redrawing the entire board. Cur ...

What is the best way to add an overlay to an image using canvas?

I'm trying to create hotspots on an image using JavaScript by drawing shapes like polygons, rectangles, and circles. I would like to achieve something similar to the examples provided in the links below. Also, I am curious about how to overlay a canva ...

A clever JavaScript function generator encapsulated within an instant function nested within a jQuery ready statement

This code snippet features an immediate function enclosed within a jQuery ready function. $((function(_this) { return function() { document.write('called!'); }; })(this)); I am puzzled by where the resultant function ...

Leveraging Enums in Angular 8 HTML template for conditional rendering with *ngIf

Is there a way to implement Enums in an Angular 8 template? component.ts import { Component } from '@angular/core'; import { SomeEnum } from './global'; @Component({ selector: 'my-app', templateUrl: './app.componen ...

React Frontend Problem - Unexpected token '<', "<!DOCTYPE" in the syntax causing JSON parsing error

Embarking on my journey as a Full-stack developer, I've encountered an error that says SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON This error surfaces when attempting to launch the frontend of my app ...

Modifying vertices in THREE.LineSegment: Adding and deleting

I am facing an issue with a THREE.LineSegments object, where I need to dynamically change the number of vertices. However, when I try to modify the geometry vertices array, the lines with removed vertices remain in place. Is there a way to remove vertices ...

Extracting and retrieving information from a complex data structure obtained through an API call

Struggling with this one. Can't seem to locate a similar situation after searching extensively... My goal is to determine the author of each collection associated with a user. I wrote a function to fetch data from an API for a specific user, in this ...

Appropriate occasion for a concealed field in the user interface grid

Currently, I am utilizing the ui grid feature. Within this feature, there is an option called hide column. I am interested in receiving an event when a user hides a column. Specifically, I would like to display an alert when a column is hidden. Is there a ...

Creating a Dynamic Form in Angular 4 with Multiple Components to Easily Submit Data

Just starting to learn angular 4 and I have a question. I've got a page with 3 sections, each section is its own form: Section 1 - Basic info first name last name email Section 2 - Contact info address city state zip Section 3 - Order info Order i ...

Trouble with Bootstrap Popover's visibility

My current setup involves a popover that is not initializing properly. The code I am using is shown below: HTML: <div data-toggle="popover" data-placement="bottom" data-content="xyz">...</div> JavaScript: $(function () { $('[data-t ...

Streamlining programming by utilizing localStorage

Is there a more efficient way to streamline this process without hard-coding the entire structure? While attempting to store user inputs into localStorage with a for loop in my JavaScript, I encountered an error message: CreateEvent.js:72 Uncaught TypeErr ...

Transform CSS into React.js styling techniques

My current setup involves using Elementor as a REST Api, which is providing me with a collection of strings in React that are formatted like this: selector a { width: 189px; line-height: 29px; } Is there a tool or library available that can conver ...

The issue arises as ContentChildren becomes undefined while trying to retrieve the data from the server

While I am loading data from the server and displaying it in ng-content, I am encountering an issue with making the first tab active by default. When using static content like the example below, the first tab is set as active without any problems: <app ...

Maintaining a model when a bound property changes

When it comes to persisting a model immediately, especially when one of its attributes is bound to a template input, the debate arises - should this functionality belong to the model or the controller? In an attempt to address this dilemma, I devised a so ...

Having trouble with the JSON format within the 'operations' field in the formData of your Next.js application?

I encountered a mutation that looks like this- mutation signUp($avatar: Upload!) { signUp( avatar: $avatar input: { name: "Siam Ahnaf" email: "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail= ...