js中怎么用最简单的方法找到对象数组中的对应值？

Question

如下面的数组，如果我拿到一个值是3，我怎么最简单的找到他对应的{id:3,name:'挂号'}中“挂号”

OperationTypeList:[
                    {id:0,name:'门诊充值'},
                    {id:1,name:'住院押金'},
                    {id:2,name:'划价缴费'},
                    {id:3,name:'挂号'},
                    {id:4,name:'核酸开单'},
                ]

Answer 1

使用 Array.prototype.find()

var OperationTypeList = [
    {id:0,name:'门诊充值'},
    {id:1,name:'住院押金'},
    {id:2,name:'划价缴费'},
    {id:3,name:'挂号'},
    {id:4,name:'核酸开单'},
]

var result = OperationTypeList.find(item => item.id === 3)
console.log(result.name)
// log => '挂号'

Answer 2

find 过滤

Answer 3

1.用Array.prototype.filter()方法：

var OperationTypeList = [
    {id:0,name:'门诊充值'},
    {id:1,name:'住院押金'},
    {id:2,name:'划价缴费'},
    {id:3,name:'挂号'},
    {id:4,name:'核酸开单'},
]

var result = OperationTypeList.filter(item => item.id === 3)
console.log(result[0].name)
// log => '挂号'

2.用Array.prototype.forEach()方法：

var OperationTypeList = [
    {id:0,name:'门诊充值'},
    {id:1,name:'住院押金'},
    {id:2,name:'划价缴费'},
    {id:3,name:'挂号'},
    {id:4,name:'核酸开单'},
]

var result;
OperationTypeList.forEach(item => {
    if (item.id === 3) {
        result = item.name;
    }
})
console.log(result)
// log => '挂号'

3.用Array.prototype.map()方法：

var OperationTypeList = [
    {id:0,name:'门诊充值'},
    {id:1,name:'住院押金'},
    {id:2,name:'划价缴费'},
    {id:3,name:'挂号'},
    {id:4,name:'核酸开单'},
]

var names = OperationTypeList.map(item => item.name);
var result = names[OperationTypeList.findIndex(item => item.id === 3)];
console.log(result)
// log => '挂号'

Answer 4

使用find查找，只要找到第一条就停止查找,返回的是一个对象。

let resultName = OperationTypeList.find(item => item.id === 3)?.name

Answer 5

let result = OperationTypeList.find(item=>item.id===3).name