Vue JS2 通过 id 查找数组值

【问题标题】：Vue JS2 find array value by idVue JS2 通过 id 查找数组值
【发布时间】：2018-12-24 03:35:10
【问题描述】：

如何从 vue js 中的数组中通过 id 获取值？非常感谢解决方案

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

【问题讨论】：

标签： vue.js

【解决方案1】：

使用Array.find方法，该方法返回数组中满足提供的测试函数的第一个元素的值：

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
)

【讨论】：