The Splice function is malfunctioning due to issues with the object (the indexOf function is not recognized)

Question

The Splice function is malfunctioning due to issues with the object (the indexOf function is not recognized)

I am currently dealing with an object that looks like this:

Object {val1: "Hello", val2: "", dt1: "pilo1", dt2: "pilo2", lo1: "log1"}

My goal is to remove any keys within the object that have empty values ("").

I attempted the following code snippet:

 angular.forEach($scope.test,function(value,key){
          if(value==""){
                    var index = $scope.test.indexOf(key);
                    $scope.test.splice(index,1);
          }
  });
//$scope.test={val1: "Hello",val2: "",dt1:".......}

However, there is one more important consideration - the keys in the object are not fixed. They may change based on certain conditions. For example:

{val1: "",val2:"Hello1",val3:"",val4:"Hello3",dt1:""}

Therefore, I am seeking a generic solution.

javascript angularjs foreach splice

Answer 1

Answer №1

Removing an object property using the splice method is not recommended. Instead, you should utilize the delete operator.

angular.forEach($scope.test,function(value,key){
    if(value==""){
        delete $scope.test[key]
    }
});

If you want to learn more about the delete operator, check out this resource here. Below is a snippet demonstrating the usage of the delete operator in plain JavaScript.

var obj = {val1: "Hello", val2: "", dt1: "pilo1", dt2: "pilo2", lo1: "log1"};
console.log('Before we call delete');
console.log(obj);
Object.keys(obj)
      .forEach(function(key){
          if(obj[key]===""){
              delete obj[key];
          }
});
console.log('After we call delete');
console.log(obj);

Answer 2

Removing an object property using the splice method is not recommended. Instead, you should utilize the delete operator.

angular.forEach($scope.test,function(value,key){
    if(value==""){
        delete $scope.test[key]
    }
});

If you want to learn more about the delete operator, check out this resource here. Below is a snippet demonstrating the usage of the delete operator in plain JavaScript.

var obj = {val1: "Hello", val2: "", dt1: "pilo1", dt2: "pilo2", lo1: "log1"};
console.log('Before we call delete');
console.log(obj);
Object.keys(obj)
      .forEach(function(key){
          if(obj[key]===""){
              delete obj[key];
          }
});
console.log('After we call delete');
console.log(obj);

The Splice function is malfunctioning due to issues with the object (the indexOf function is not recognized)

Answer №1

Similar questions

Trouble sending a PUT request using $resource in AngularJS

The "405 method not supported" exception pops up exclusively for Angular/HTML/JSP resources within a Spring Boot application

What causes the error when I use "use client" at the top of a component in Next.js?

List the attributes that have different values

Is it possible to establish role-based access permissions once logged in using Angular 6?

What is the method for transforming an array object into an object?

Bootstrap UI Tab presents an obstacle for Google Map functionality

Problem with $http.post() in Angular where Codeigniter is not able to receive data

What's the reason for the alert not functioning properly?

Determine the position of an element in relation to a specific ancestor using JavaScript

Utilizing Regular Expressions to Substitute 'null' in API Data with a Custom String in JavaScript

Is it possible for CSS to prevent the insertion of spaces?

The contrastText property of the MUI React Theme palette is not functioning properly

How to upload numerous chosen files from an Android device using PHP script

Encountered an issue in Typescript with error TS2554: Was expecting 0 arguments but received 1 when implementing useReducer and useContext in React

Tips for making jQuery maphilight function properly?

Establish a timeout period for ajax requests using jQuery

webdriverIO encountered an unhandled promise rejection, resulting in a NoSuchSessionError with the message "invalid session id

What are the ways to enable VS Code's Intellisense to collaborate with AngularJS's injected services?

Adding a loader to the specific button that has been clicked can be achieved by following these steps: