Suppose each employee is a object having

emp1.age=30
emp1.name="Hang"
emp2.age=40
emp2.name="Dang"
emp3.age=50
emp3.name="Bang"

storing it in Array.

var orginialArray=[emp1,emp2,emp3];

I want to filter or splice the array with the other array of strings.

Somewhere I'm preparing an array of names to pare with originalArray and then remove the unmatching employee from originalArray

var removeElements=["Hang","Dang"]

I tried filter but it ends up sending a string in the callback and I could not make it work

function filterItems(query) {
  return orginialArray.filter((el) =>
    el.toLowerCase().indexOf(query.toLowerCase()) > -1
  )
}
console.log(filterItems(removeElements)); //i know this is wrong

Objective is to filter the original array and only have the employee whose name is not in remove element array.

I also tried splice but also no luck.

Suppose each employee is a object having

emp1.age=30
emp1.name="Hang"
emp2.age=40
emp2.name="Dang"
emp3.age=50
emp3.name="Bang"

storing it in Array.

var orginialArray=[emp1,emp2,emp3];

I want to filter or splice the array with the other array of strings.

Somewhere I'm preparing an array of names to pare with originalArray and then remove the unmatching employee from originalArray

var removeElements=["Hang","Dang"]

I tried filter but it ends up sending a string in the callback and I could not make it work

function filterItems(query) {
  return orginialArray.filter((el) =>
    el.toLowerCase().indexOf(query.toLowerCase()) > -1
  )
}
console.log(filterItems(removeElements)); //i know this is wrong

Objective is to filter the original array and only have the employee whose name is not in remove element array.

I also tried splice but also no luck.

• javascript
• arrays
• filter
• ecmascript-6

3 Answers 3

You can use Array.filter() method (which you are already using) and return true only if current employees name does not exist in removeNames array(which you may check by using Array.indexOf() ):

var employees = [
  {"name": "abc", "age":"34"},
  {"name": "pqr", "age":"34"},
  {"name": "xyz", "age":"34"},
  {"name": "xxx", "age":"34"},
];

var removeNames = ["xxx"];

// if required, make all removeNames elements lowerCase first
// removeNames = removeNames.map(function(name){
  // return name.toLowerCase();
// });//map()


var filteredEmployees = employees.filter(function(emp){
  return removeNames.indexOf(emp.name.toLowerCase()) === -1;
});//filter

console.log( filteredEmployees );

You're close. Since query is an array of names, you need to check if the current employee's name is in that array - if so, exclude that employee from the new list, like so:

var emp1 = {
  age: 30,
  name: "Hang"
};
var emp2 = {
  age: 40,
  name: "Dang"
};
var emp3 = {
  age: 50,
  name: "Bang"
};

var originalArray = [emp1, emp2, emp3];
var removeElements = ["hang", "bang"];
function filterItems(query) {
  return originalArray.filter((employee) =>
    query.indexOf(employee.name.toLowerCase()) === -1
  )
}
console.log(filterItems(removeElements));

this is a fully ES6 array method solution. You could do something like this:

filterItems(query){
    let newArray = []
    query.map( (qElem) => newArray.push(qElem.toLowerCase()) )
    return originalArray.filter((el) => 
        newArray.includes(el.toLowerCase())
    )
}

I'm generating a new array with the query names but lowercase. Then return a new array with all the elements that do not satisfy the condition of being included in the newArray. Hope It helps!