JavaScript / Vue.js match two array based on nameValue and delete array item which do not match

Question

How can I match two array based on nameValue?

So in below example, delete array items which do not match based on nameValue and keep the productPrice:

    const allCombinations = ref([]);
    const allValuesForProduct = ref([]);
    //
    allCombinations.value = [
        {nameValue: 'blue/m/regular', productPrice: null},
        {nameValue: 'red/m/regular', productPrice: null},
        {nameValue: 'pink/m/regular', productPrice: null},
    ]

    allValuesForProduct.value = [
        {nameValue: 'blue', productPrice: 666},
        {nameValue: 'red', productPrice: 666},
        {nameValue: 'pink', productPrice: 666},
        {nameValue: 'blue/m/regular', productPrice: 99},
        {nameValue: 'red/m/regular', productPrice: 99},
        {nameValue: 'pink/m/regular', productPrice: 99},
    ]

End result should look like this:

    const allCombinations = ref([]);
    const allValuesForProduct = ref([]);
    //
    allCombinations.value = [
        {nameValue: 'blue/m/regular', productPrice: null},
        {nameValue: 'red/m/regular', productPrice: null},
        {nameValue: 'pink/m/regular', productPrice: null},
    ]

    allValuesForProduct.value = [
        {nameValue: 'blue/m/regular', productPrice: 99},
        {nameValue: 'red/m/regular', productPrice: 99},
        {nameValue: 'pink/m/regular', productPrice: 99},
    ]

you forgot the code you've tried - it's a simple filter/includes combination — Jaromanda X
– Jaromanda X, Commented Aug 18, 2022 at 7:55

shaedrich · Accepted Answer · 2022-08-22 13:19:11Z

2

Try this:

 allCombinations.value = allCombinations.value.filter(comb => {
   return allValuesForProduct.value.some(val => {
       return val.nameValue === comb.nameValue
   })
 })
 
 allValuesForProduct.value = allValuesForProduct.value.filter(val => {
   return allCombinations.value.some(comb => {
       return comb.nameValue === val.nameValue
   })  
 })

edited Aug 22, 2022 at 13:19

shaedrich

5,7633 gold badges31 silver badges47 bronze badges

answered Aug 18, 2022 at 8:09

Adams Tsui

344 bronze badges

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

Collectives™ on Stack Overflow

JavaScript / Vue.js match two array based on nameValue and delete array item which do not match

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related