w3resource

JavaScript: Filter out the specified values from a specified array

JavaScript fundamental (ES6 Syntax): Exercise-8 with Solution

Write a JavaScript program to filter out the specified values from a specified array. Return the original array without filtered values.

  • Use Array.prototype.filter() and Array.prototype.includes() to pull out the values that are not needed.
  • Set Array.prototype.length to mutate the passed in an array by resetting its length to 0.
  • Use Array.prototype.push() to re-populate it with only the pulled values.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
 
// Define a function called `pull` that takes an array `arr` and any number of values `args`.
const pull = (arr, ...args) => {
  // Convert the rest parameters into an array.
  let argState = Array.isArray(args[0]) ? args[0] : args;
  // Filter out elements from the array that are not included in the `args`.
  let pulled = arr.filter((v, i) => !argState.includes(v));
  // Clear the original array and push the filtered elements back into it.
  arr.length = 0;
  pulled.forEach(v => arr.push(v));
  // Return the pulled elements.
  return pulled;
};

// Test cases
let arra1 = ['a', 'b', 'c', 'a', 'b', 'c'];
console.log(pull(arra1, 'a', 'c')); // Output: ['b', 'b']
let arra2 = ['a', 'b', 'c', 'a', 'b', 'c'];
console.log(pull(arra2, 'b')); // Output: ['a', 'c', 'a', 'c']

Output:

["b","b"]
["a","c","a","c"]

Visual Presentation:

JavaScript Fundamental: Filter out the specified values from a specified array

Flowchart:

flowchart: Filter out the specified values from a specifed array

Live Demo:

See the Pen javascript-basic-exercise-1-8 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to converts a specified number to an array of digits.
Next: Write a JavaScript program to combine the numbers of a given array into an array containing all combinations.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.