Deleting elements from arrayA that do not exist in arrayB using JavaScript

Question

Deleting elements from arrayA that do not exist in arrayB using JavaScript

Seeking guidance on a small project of mine.

For example, I have these two arrays:

chosenItems = ['apple', 'banana', 'cherry', 'date', 'kiwi']
availableFruits = ['apple', 'cherry', 'grape', 'kiwi']

My goal is to compare the chosenItems array with the availableFruits array. If an item in chosenItems is not present in availableFruits, then it should be removed from chosenItems.

Outcome:

chosenItems = ['apple' 'cherry', 'kiwi']
availableFruits = ['apple', 'cherry', 'grape', 'kiwi']

I am aware that I can achieve this task using for-loops, but I am interested in exploring if there is a more efficient way to accomplish this using JavaScript.

javascript arrays

Answer 1

Answer №1

If you want to achieve this, you can also leverage ES6's filter method.

selectedItems = ['a', 'b', 'c', 'd', 'z']
availableItems = ['a', 'c', 'z']

const result = selectedItems.filter(item => availableItems.includes(item));

console.log(result)

Answer 2

If you want to achieve this, you can also leverage ES6's filter method.

selectedItems = ['a', 'b', 'c', 'd', 'z']
availableItems = ['a', 'c', 'z']

const result = selectedItems.filter(item => availableItems.includes(item));

console.log(result)

Deleting elements from arrayA that do not exist in arrayB using JavaScript

Answer №1

Similar questions

Adding an Icon to a Tab in Ant Design - A Step-by-Step Guide

Discovering the right row to input the data and successfully integrating it: What is the best

What is the best way to display the information stored in a nested JSON hash table onto a PowerShell output?

"Accessing your account only requires a simple two-click login process

Is utilizing v-model to update the Vuex store a recommended practice?

Differences in accessing the previous state between React's useCallback and useState's setState(prevState)

Tips for preloading an image with Vue's built-in tool

Managing User Feedback with Ajax, JQuery, and PHP

Tips for adjusting the dimensions of my chart using JavaScript or Jquery

What is the best method to trigger a form submission using Jquery?

Having trouble capturing the CHANNEL_ANSWER event in my node.js script when communicating with Freeswitch

What is the best approach for addressing null values within my sorting function?

Compatibility issues between jQuery and AngularJS are causing problems

How can I address the issue of an inner content scroll bar?

Using Paper Checkbox to Toggle the Visibility of a Div in Polymer

Ensure to verify the input's value by clicking the button

When resizing the window, the width change in JQuery always resets to 0

Encountering a POST 405 error message stating "Method not allowed" while attempting to send an AJAX request in Laravel

Tips for displaying two dynamic variables that are interdependent

Deploying a React App to Github Pages Results in a Blank Screen