vue, match string in array without IDs and remove if matched

Question

I have a simple array of strings, and I'm calling a function with dropdown actions that will send a string, and if it matches one in the array, I want to remove it from the array but I'm unsure how

I've seen how I could do this with splice, but I don't have IDs on this array, it's only strings. So I literally need to match the string and remove it based on that string match

How can I simply match and remove a string from the array?

here is my code:

new Vue({
      el: "#app",
      props: { 
      },
      data: {
        tierArray:['one', 'two', 'three'],
      },
      methods: {
        removeTierSelection(value){
          console.log('this is what we are removing');
          console.log(value.name); //this prints just the string such as "one" or "two", but without the quotes
        },
      }
    })

Dmitrii Zolotuhin · Accepted Answer · 2021-10-13 12:01:25Z

2

You can achieve it by doing this:

 const removeIndex = this.tierArray.findIndex(tier => tier === value.name)
 if (removeIndex === -1) return // means item not found

 this.tierArray.splice(removeIndex, 1)

answered Oct 13, 2021 at 12:01

Dmitrii Zolotuhin

4422 silver badges7 bronze badges

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

Comments

Amaarockz · Accepted Answer · 2021-10-13 12:25:45Z

0

Another simple approach would be

this.tierArray = [...this.tierArray.filter(tier => tier !== value.name)];

edited Oct 13, 2021 at 12:25

answered Oct 13, 2021 at 12:15

Amaarockz

4,6942 gold badges12 silver badges31 bronze badges

Collectives™ on Stack Overflow

vue, match string in array without IDs and remove if matched

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related