Find the differences between two arrays and eliminate any matching items

Question

Find the differences between two arrays and eliminate any matching items

In my Vue project, I am working with two arrays. The first array, TempId, contains the following data:

[{"id":47},{"id":45},{"id":48}]

The second array is called multiprices and it looks like this:

 multiprices: [
    {
        id: 45,
        name: "",
        price: "2600000",
    },
    {
        id: 46,
        name: "",
        price: "2600000",
    },
    {
        id: 47,
        name: "",
        price: "2600000",
    },
    {
        id: 48,
        name: "",
        price: "2600000",
    }
],

My goal is to identify and remove certain items from the second array and transfer them to a new dataset. In this example, I specifically need to move the item with id 46.

javascript arrays vue.js array-splice

Answer 1

Answer №1

To narrow down the second array, you can use a filter based on whether the element is found in the id list of the first array.

const tempObj = [{ id: 47 }, { id: 45 }, { id: 48 }]
const tempId = tempObj.map(({ id }) => id)

const multiprices = [
  {
    id: 45,
    name: "",
    price: "2600000",
  },
  {
    id: 46,
    name: "",
    price: "2600000",
  },
  {
    id: 47,
    name: "",
    price: "2600000",
  },
  {
    id: 48,
    name: "",
    price: "2600000",
  },
]

const res = multiprices.filter((multiprice) => !tempId.includes(multiprice.id))

console.log(res)

Answer 2

To narrow down the second array, you can use a filter based on whether the element is found in the id list of the first array.

const tempObj = [{ id: 47 }, { id: 45 }, { id: 48 }]
const tempId = tempObj.map(({ id }) => id)

const multiprices = [
  {
    id: 45,
    name: "",
    price: "2600000",
  },
  {
    id: 46,
    name: "",
    price: "2600000",
  },
  {
    id: 47,
    name: "",
    price: "2600000",
  },
  {
    id: 48,
    name: "",
    price: "2600000",
  },
]

const res = multiprices.filter((multiprice) => !tempId.includes(multiprice.id))

console.log(res)

Find the differences between two arrays and eliminate any matching items

Answer №1

Similar questions

What is the method for shifting content as the window is resized to ensure it remains in its original position?

Deactivate button using Javascript

What could be causing the request body in ExpressJs to be blank?

When experimenting with React JS, I attempted to trigger a modal to open upon clicking a card but unfortunately, the modal did not appear as expected

Create a unique type in Typescript that represents a file name with its corresponding extension

What is the most effective approach for handling JSON data from URLs in a professional manner?

What is the best way to generate a dynamically interpolated string in JavaScript?

Looking for a way to dynamically append a child element within another child

Having trouble loading JSON data into HTML using jQuery

Javascript and iframes may encounter compatibility issues with browsers other than Internet Explorer

JQuery form plugin - submitting a form automatically on onchange event

What could be causing my console to display "NaN" when working with the class extension feature

Ways to insert data into a JavaScript array using PHP

Limiting the quantity in SimpleCart (js)

What is the best way to utilize a php array as a pathway to access a specific value within another array?

Improving mongo information using angularjs

Use an array to store nested JSON fields

Retrieve the specified columns as per user-defined filters

Transmit precise data through socket.io to the client using socket.send

Encountering a 500 error when uploading images with Vue.js using Laravel 8 API