What is the best way to delete a nested child object using a specific identification number?

Question

What is the best way to delete a nested child object using a specific identification number?

Here is the current json structure:

$scope.dataList = [{
   CompanyName: null,
   Location: null,
   Client: [{
      ClientId: 0,
      ClientName: null,
      Projects:{
         Id: 0,
         Name: null,
      }
   }]
}];

I'm attempting to

remove client data based on a specific clientid from the list of clients

, but for some reason, the client data is not being removed and there are no error messages being displayed.

Check out the code snippet below:

for (var i = 0; i < $scope.dataList.length; i++)
            {
                for (var j = 0; j < $scope.dataList[i].Client.length; j++)
                {
                    if ($scope.dataList[i].Client[j].ClientId == 101)
                    {
                       $scope.dataList[i].Client.splice(j, 1);
                    }     
                }
            }

Could someone please help me identify what might be wrong with my code?

javascript angularjs

Answer 1

Answer №1

To remove the item, you can utilize the delete statement as shown below:

for (var i = 0; i < $scope.dataList.length; i++)
            {
                for (var j = 0; j < $scope.dataList[i].Client.length; j++)
                {
                    if ($scope.dataList[i].Client[j].ClientId == 101)
                    {
                       delete $scope.dataList[i].Client[j];
                    }     
                }
            }

However, be cautious as this approach may lead to issues due to the decrement in item count within the loop.

Consider using an alternative method to address this issue.

Answer 2

To remove the item, you can utilize the delete statement as shown below:

for (var i = 0; i < $scope.dataList.length; i++)
            {
                for (var j = 0; j < $scope.dataList[i].Client.length; j++)
                {
                    if ($scope.dataList[i].Client[j].ClientId == 101)
                    {
                       delete $scope.dataList[i].Client[j];
                    }     
                }
            }

However, be cautious as this approach may lead to issues due to the decrement in item count within the loop.

Consider using an alternative method to address this issue.

Answer 3

Answer №2

Here is a solution:

for (let i = 0; i < $scope.dataList.length; i++) {
  for (let j = 0; j < $scope.dataList[i].Client.length; j++) {
    let foundIndex;
    if ($scope.dataList[i].Client[j].ClientId == 101){
      foundIndex = j;
    }
    $scope.dataList[i].Client.splice(j, 1);
  }
}

Fiddle: https://jsfiddle.net/uv3zo0y2/

Answer 4

Here is a solution:

for (let i = 0; i < $scope.dataList.length; i++) {
  for (let j = 0; j < $scope.dataList[i].Client.length; j++) {
    let foundIndex;
    if ($scope.dataList[i].Client[j].ClientId == 101){
      foundIndex = j;
    }
    $scope.dataList[i].Client.splice(j, 1);
  }
}

Fiddle: https://jsfiddle.net/uv3zo0y2/

What is the best way to delete a nested child object using a specific identification number?

Answer №1

Answer №2

Similar questions

Attempted to display a Google Map within a lightbox, but encountered difficulties in getting it to

What is the best way to customize the link style for individual data links within a Highcharts network graph?

AngularJS - Changing Views with Templates

Incorporate JavaScript code into contentWindow

Executing a MongoDB query can only be successful by utilizing the copy and paste method

Deno -> What steps should I take to ensure my codes run smoothly without any errors?

Utilize the power of DOJO JavaScript to implement Reverse AJAX functionality in

What is the method for automatically verifying elements within nested ng-repeats?

Combining multiple rows into one using either mysql or lodash was achieved by Node

Tally up the values of selected checkboxes

Is there a way to select only a single line from an HTML document?

Retrieve the name of the file from a given URL by using JavaScript/jQuery, even when only the directory path is

Troubleshooting overload errors within ReactJS: tips and tricks

Angular allows for the utilization of the same URL "/" while serving up distinct templates depending on whether the user is logged in or not

When using AngularJS and PHP together, I encountered an error that stated "

Guide to adding sound effects to your Vue 3 app using the Composition API

How can dependencies be conditionally imported in a module that is shared between React (Next.js) and React Native?

Reset the dropdown menu in React by setting a disabled option as the default selection

Node server encountering issue with undefined data in POST request

AngularJS is experiencing an error due to an unidentified provider