remove item from array in javascript based on other array

Question

I want to remove completely an item from the list, below is the list

var list = [{id: 1, match_number: 1, name: "match1"},
     {id: 2, match_number: 2, name: "match2"},
     {id: 3, match_number: 3, name: "match3"},
     {id: 4, match_number: 4, name: "match4"},
     {id: 5, match_number: 5, name: "match5"}]

I want remove match_number completely from the list, and want to achieve like

var list = [{id: 1, name: "match1"},
     {id: 2, name: "match2"},
     {id: 3, name: "match3"},
     {id: 4, name: "match4"},
     {id: 5, name: "match5"}]

Below is the code where I achieved the result for single item, but I have an array where key are given like ['match_number','id']. on the basis of this I want to remove item from the main list.

How can I solve this?

//code for single item
var listitem = list.map((i) => {
    const {match_number,...item} = i;
    return item;
});

So you want it to be removed from the original array?

epascarello
– epascarello

2018-05-09 11:52:28 +00:00
Commented May 9, 2018 at 11:52 — epascarello
– epascarello, Commented May 9, 2018 at 11:52
no i dont want it to remove from original array

tapan dave
– tapan dave

2018-05-09 12:00:37 +00:00
Commented May 9, 2018 at 12:00 — tapan dave
– tapan dave, Commented May 9, 2018 at 12:00

Ankit Agarwal · Accepted Answer · 2018-05-09 12:16:03Z

6

Use map on the list array to modify the existing array of objects to not to have match_number key.

var list = [
 {id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
{id: 5, match_number: 5, name: "match5"}
];

list.map(obj => delete obj.match_number);
console.log(list);

For your array of keys which you want to remove and also for not affecting the original list array you can go with this,

var list = [
 {id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
{id: 5, match_number: 5, name: "match5"}
];
var res = [];
var removeArray = ['match_number','id'];
list.forEach((obj) => {
  let tempObj = {};
  Object.keys(obj).forEach((key)=>{
    if(removeArray.indexOf(key) === -1){
      tempObj[key] = obj[key];
    }
  });
  res.push(tempObj);
});
console.log(res);
console.log(list);

edited May 9, 2018 at 12:16

answered May 9, 2018 at 11:45

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

tapan dave Over a year ago

but i want remove item from the list in an immutable way and want on the based of other array

Ankit Agarwal Over a year ago

@tapandave where is your other array in question? And where in the question you have mentioned immutable way?

tapan dave Over a year ago

i have mentioned below that based on other array that is ['match_number','id'] i want to remove keys from the list

Ankit Agarwal Over a year ago

@tapandave cool, check the edited answer. I have added another snippet there. Let me know if there is still some issues with that.

Ramesh · Accepted Answer · 2018-05-09 11:48:25Z

2

Keep the attributes to remove in an array like attrToRemove below and use delete along with map and forEach

var list = [
 {id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
{id: 5, match_number: 5, name: "match5"}
];

var attrToRemove =  ['match_number','id'];

list.map(obj => attrToRemove.forEach(val=> delete obj[val]));

console.log(list);

answered May 9, 2018 at 11:48

Ramesh

13.3k4 gold badges55 silver badges90 bronze badges

Comments

Faly · Accepted Answer · 2018-05-09 11:53:50Z

1

You can loop through your keys and remove them by using destructuring and rest:

var list = [
 {id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
 {id: 5, match_number: 5, name: "match5"}
];
var keys =  ['match_number', 'id'];

list = list.map(item => {
    var x, rest = item;
    keys.forEach(key => {
        ({ [key]: x, ...rest } = rest);
    });
    return rest;
});

console.log(list);

answered May 9, 2018 at 11:53

Faly

13.4k2 gold badges21 silver badges39 bronze badges

Comments

Narendra Jadhav · Accepted Answer · 2018-05-09 16:42:00Z

Jquery+ES6

You can also use $.map() to get required result using delete operator.

DEMO

var list = [{id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
{id: 5, match_number: 5, name: "match5"}]

let removeKeys = ['match_number','id'];
let result = $.map(list,(o)=>{
	$.each(removeKeys, (i,v)=> delete o[v]);
	return o;
},[]);

console.log(result);

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

ES6

You could also use reduce() method of array to get the required result. With using of concat() and delete.

DEMO

var list = [{id: 1, match_number: 1, name: "match1"},
 {id: 2, match_number: 2, name: "match2"},
 {id: 3, match_number: 3, name: "match3"},
 {id: 4, match_number: 4, name: "match4"},
{id: 5, match_number: 5, name: "match5"}]

let removeKeys = ['match_number','id'];
let result = list.reduce((r,o)=>{
	removeKeys.forEach(v=> delete o[v]);
	return r.concat(o);
},[]);

console.log(result);

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

Collectives™ on Stack Overflow

remove item from array in javascript based on other array

4 Answers 4

4 Comments

Comments

Comments

Jquery+ES6

ES6

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Jquery+ES6

ES6

Comments

Your Answer

Sign up or log in

Post as a guest

Related