Eliminate a particular attribute from an array of objects

Question

Eliminate a particular attribute from an array of objects

https://i.sstatic.net/O7lKv.pngHaving an issue with removing an item from an array object based on a specific property. Let me explain.

  delColumn($event: any, el: any) {
if ($event.target && el > -1) {
  var colId: string = this.receivedData[0].value.columns[el].id;
  var obj = this.receivedData[0];
  obj.values.columns = obj.values.columns.filter(s => s.id != colId);
  obj.values.rows.forEach(s => {
    delete s.Col_1;
    return s;
  });
}

}

My goal is to remove a specific column and its associated rows when the Delete Column action is triggered by clicking.

Appreciate the assistance in advance.

https://i.sstatic.net/tX2aC.png

javascript arrays angular typescript multidimensional-array

Answer 1

Answer №1

  data=[{Name:"John",Age:25},
        {Name:"Jane",Age:30},
        {Name:"Bob",Age:35},
        {Name:"Alice",Age:40}];

  newData=this.data.map(item=>{
     return this.removeKey(item,"Age");
  })
  removeKey(object, key){
    const {[key]: removedKey, ...remainingKeys} = object;
    return remainingKeys;
  }
  initialize()
  {
     console.log(this.data);
     console.log(this.newData);
  }

Answer 2

  data=[{Name:"John",Age:25},
        {Name:"Jane",Age:30},
        {Name:"Bob",Age:35},
        {Name:"Alice",Age:40}];

  newData=this.data.map(item=>{
     return this.removeKey(item,"Age");
  })
  removeKey(object, key){
    const {[key]: removedKey, ...remainingKeys} = object;
    return remainingKeys;
  }
  initialize()
  {
     console.log(this.data);
     console.log(this.newData);
  }

Answer 3

Answer №2

Employ the methods filter and forEach

obj.data.columns = obj.data.columns.filter(item => item.id !== "Col_1");
obj.data.rows.forEach(row => {
   delete row.Col_1;
   return row;
});

Answer 4

Employ the methods filter and forEach

obj.data.columns = obj.data.columns.filter(item => item.id !== "Col_1");
obj.data.rows.forEach(row => {
   delete row.Col_1;
   return row;
});

Eliminate a particular attribute from an array of objects

Answer №1

Answer №2

Similar questions

How to enable CORS with Laravel for AngularJS 'Access-Control-Allow-Origin'

Troubleshooting: Unable to load template file content in AngularJS ng-view

Convert Ajax null value to NoneType in web2py

Cannot access Injectable service in Angular2

While using Angular CLI on GitLab CI, an error occurred indicating that the custom rule directory "codelyzer" could not be

What is the most effective method for iterating through millions of records in Angular or TypeScript?

Guidelines on resolving the issue of Unsupported platform for [email protected]: requested {"os":"darwin","arch":"any"} (existing: {"os":"win32","arch":"x64"})

Implementing real-time time updates using php ajax technology

What measures can be taken to prohibit a user from accessing a client-side HTML file using express?

My method for updating form input properties involves switching the disable attribute from "false" to "true" and vice versa

Troubleshooting: Missing MapState in Vuex4 for Vue3 within an MVC project

Tips for accessing a unique window name in JavaScript

Unable to execute jQuery on dynamically loaded AJAX page

A guide to categorizing and tallying JSON data based on multiple keys within the past 30 days using JavaScript/jQuery

Utilizing React and Google Code to Enhance Lead Conversion Pages

AngularJS: Creating a one-to-one relationship between JavaScript objects within the same array

Solving Typing Problems in React TypeScript with "mui-icons" Props

Populate dropdown options in Angular dynamically

Experiencing difficulties when attempting to show or hide elements using jQuery

What is the correct way to handle Vue props that include a dash in their name?