Remove the objects using index value in javascript or react

Question

i have the object list like below. Deleting the object using index value

0: {Id: "", value: "aaa" }
1: {Id: "", value: "bbb" }
2: {Id: "", value: "ccc" }
3: {Id: "", value: "ddd" }
4: {Id: "", value: "eee" }

deleted object using :

   var newArray = delete resultObject[0];
                
                this.setState({ result: resultObject});
             
                 console.log("setState  ",this.state.result);

Actual Result it showing results as

[ empty,{…}, {…}, {…}, {…}] 
 
1: {Id: "", value: "bbb" }
2: {Id: "", value: "ccc" }
3: {Id: "", value: "ddd" }
4: {Id: "", value: "eee" }

how to make starts from 0, after delete the index 0 .

expected Result

0: {Id: "", value: "bbb" }
1: {Id: "", value: "ccc" }
2: {Id: "", value: "ddd" }
3: {Id: "", value: "eee" }

After delete i try to make index starts from 0 not from 1

score 0 · Answer 1 · answered Oct 02 '20 at 13:56

You can make use of Array.filter

let data = [{Id: "", value: "aaa" }, {Id: "", value: "bbb" }, {Id: "", value: "ccc" }, {Id: "", value: "ddd" }, {Id: "", value: "eee" }];

const filterByIndex = (data, index) => data.filter((d, i) => i !== index);

console.log(filterByIndex(data, 0))

.as-console-wrapper {
  max-height: 100% !important;
}

score 0 · Answer 2 · answered Oct 02 '20 at 13:57

You can clear all empty values in array with array.filter

let resultsObject = [
    {Id: "", value: "aaa"},
    {Id: "", value: "bbb"},
    {Id: "", value: "ccc"},
    {Id: "", value: "ddd"},
    {Id: "", value: "eee"}
];
delete resultsObject[0];
console.log(resultsObject.filter(function () {
    return true;
}));

Remove the objects using index value in javascript or react

2 Answers2