Using Typescript to remove an element from an array inside another array

Question

Using Typescript to remove an element from an array inside another array

I've encountered an issue while trying to remove a specific item from a nested array of items within another array. Below is the code snippet:

removeFromOldFeatureGroup() {
for( let i= this.featureGroups.length-1; i>=0; i--) {
  if( this.featureGroups[i].featureGroupId == this.oldFeatureGroupId)
    for( let z= this.featureGroups[i].features.length-1; z>=0; z--) {
      if( this.featureGroups[i].features[z].featureId == this.featureId)
        this.transferedFeature = this.featureGroups[i].features[z];
        this.featureGroups[i].features.splice(z, 1);
        return;
    }
}
}

But when the code reaches the splice method, it throws an error saying that "splice is not a function". How can I correct this error? Additionally, the variable 'this.transferedFeature' contains the item I want to remove.

javascript arrays typescript multidimensional-array

Answer 1

Answer №1

It needs to be:

this.featureGroups[i].features.splice(z, 1);

Since this.featureGroups[i].features represents the nested array according to your explanation.

Answer 2

It needs to be:

this.featureGroups[i].features.splice(z, 1);

Since this.featureGroups[i].features represents the nested array according to your explanation.

Answer 3

Answer №2

It appears that there was a misunderstanding regarding the variable at z being treated as an array. The corrected code is shown below:

removeFromOldFeatureGroup() {
    for( let i = this.featureGroups.length - 1; i >= 0; i--) {
        if( this.featureGroups[i].featureGroupId === this.oldFeatureGroupId) {
            for( let z = this.featureGroups[i].features.length - 1; z >= 0; z--) {
                if( this.featureGroups[i].features[z].featureId === this.featureId) {
                    this.transferedFeature = this.featureGroups[i].features[z];
                    this.featureGroups[i].features.splice(z, 1);
                    return;
                }
            }
        }
    }
}

Answer 4

It appears that there was a misunderstanding regarding the variable at z being treated as an array. The corrected code is shown below:

removeFromOldFeatureGroup() {
    for( let i = this.featureGroups.length - 1; i >= 0; i--) {
        if( this.featureGroups[i].featureGroupId === this.oldFeatureGroupId) {
            for( let z = this.featureGroups[i].features.length - 1; z >= 0; z--) {
                if( this.featureGroups[i].features[z].featureId === this.featureId) {
                    this.transferedFeature = this.featureGroups[i].features[z];
                    this.featureGroups[i].features.splice(z, 1);
                    return;
                }
            }
        }
    }
}

Answer 5

Answer №3

Understanding the power of indexing is key.

mainArray = [];
subArray= [5,55,15];
mainArray.push(subArray);
console.log(mainArray);
mainArray[0].splice(0,1)
console.log(mainArray)

Answer 6

Understanding the power of indexing is key.

mainArray = [];
subArray= [5,55,15];
mainArray.push(subArray);
console.log(mainArray);
mainArray[0].splice(0,1)
console.log(mainArray)

Using Typescript to remove an element from an array inside another array

Answer №1

Answer №2

Answer №3

Similar questions

When receiving JSON and attempting to store the data in a variable, I encounter an issue where it returns the error message "undefined is not iterable (cannot read property Symbol

Ways to adjust your selection to the space or new line before or after

Capturing attention within react-bootstrap drop-downs and pop-ups

Is it possible to remove the browsing history of user inputs in JavaScript?

Displaying an alert on a webpage that shows a label input using JavaScript and

Utilize the onClick event to access a method from a parent component in React

Create a polling feature using a Grease Monkey script

Dealing with Memory Leakage in C Programming

Creating a PHP script that retrieves data from JavaScript and stores it in MySQL can be accomplished by using AJAX to send the

Creating an axios URL using Vue data results in receiving the value of undefined

Issue with second button in Angular Onclick() not been resolved

Create a simple carousel using only vanilla JavaScript, without relying on any external plugins

Is there a way for me to retrieve the bodyHeight attribute of ag-grid using public variables or data?

not capable of outputting findings in a sequential manner

When making a POST request using formData through AJAX, the $_POST variable remains empty

Creating a File and Resource Manager for Your Express Application: Step-by-Step Guide

Unlock the key to connecting the output of one observable to another in rxjs

The fetch function in my Node.js code is failing to properly display JSON data from a file on the console

Introduce new material at the start of each line, akin to what ::before accomplishes for the initial line

What is the best way to access the original observed node using MutationObserver when the subtree option is set to