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

日常开发记录-当后端返回了键值对中的 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)

 

标签:值时,list,value,label,item,键值,getLabel,let
来源: https://www.cnblogs.com/huguo/p/16669294.html