Vue JS2 通过 id 查找数组值 [英] Vue JS2 find array value by id
本文介绍了Vue JS2 通过 id 查找数组值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何通过 id 从 vue js 中的数组中获取值?非常感谢解决方案
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)
}
}
推荐答案
使用 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
)
这篇关于Vue JS2 通过 id 查找数组值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文