Vue JS2 find array value by id

Question

How can i get the value by id from a array in vue js? Many thanks with solution

list = [
    {
        "name": "Apple",
        "id": 1,
    },
    {
        "name": "Orange",
        "id": 2,
    }
]
watch: {
    food: function (val) {
        //Get food name by val(id)
    }
}

akuiper · Accepted Answer · 2018-12-24 03:38:21Z

7

Use Array.find method, which returns the value of the first element in the array that satisfies the provided testing function:

var food = list.find(food => food.id === val)
var name = food ? null : food.name

let list = [
    {
        "name": "Apple",
        "id": 1,
    },
    {
        "name": "Orange",
        "id": 2,
    }
]

console.log(
  list.find(food => food.id === 1).name
)

answered Dec 24, 2018 at 3:38

akuiper

216k33 gold badges363 silver badges380 bronze badges

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

Collectives™ on Stack Overflow

Vue JS2 find array value by id

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related