日常开发记录-当后端返回了键值对中的 value 需要前端自己处理成对应的 label 值时的方法

代码演示:

let list = [{ label: 'yibo', value: 0}, { label: '张三', value: 1}, { label: '李四', value: 2}]

function getLabel(list, v, value="value", label="label") {
    if(v !== undefined && Array.isArray(list) && list.length != 0) {
        // !list.find(item => item[value] == v) 
        // 剔除value不存在的情况,不会出现报错信息,value 不存在返回的值就是undefined,取反就是真
        // value存在就是返回{ label: 'yibo', value: 0},取反就是假
        return !list.find(item => item[value] == v) ? 
        v:list.find(item => item[value] == v)[label]
    }else {
        return v
    }
}   

let res = getLabel(list, 0)
let res1 = getLabel(list, 1)
let res2 = getLabel(list, 3)
console.log(res, res1, res2)

 

posted on 2022-09-08 14:21  法老的微笑  阅读(64)  评论(0)    收藏  举报