js根据value查找数组的lable

    function findValue(dic, value) {
      let result = ''
      if (!dic) return value
      let index = 0
      if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'string') {
        index = dic.findIndex(i => i.value == value)
        if (index != -1) {
          result = dic[index].label
        } else {
          result = ''
        }
      }
      return result
    }
    var list = [{
        value: 1,
        label: '111111'
      },
      {
        value: 2,
        label: '222222'
      },
      {
        value: 3,
        label: '333333'
      },
      {
        value: 4,
        label: '444444'
      }
    ]

    console.log(findValue(list, 3), '8888888')
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中的数组find方法是用来在数组查找符合指定条件的元素。这个方法的基本格式是`let obj=this.list.find(item=>item.code===val)`。其中,`list`是一个数组,`this.list.find()`表示在`list`数组查找元素。`item`是find函数的查找条件,可以是元素的id或者其他主键。后面的`item.code===val`是查找的条件,只有当`item.code`完全等于`val`时,才算到符合条件的元素。到后,将其赋值给`obj`变量。 举个例子,假设有一个数组`companyOptions`,里面有两条数据: ```javascript companyOptions: [ { label: '饿了么', value: 0 }, { label: '美团', value: 1 }, ] ``` 如果我们想要到`value`为1,`label`为"美团"的元素,可以使用`this.companyOptions.find(item=>item.value===1)`。这样就能到符合条件的元素,并将其赋值给`obj`变量。123 #### 引用[.reference_title] - *1* *3* [vue中的find()函数的用法与扩展用法](https://blog.csdn.net/weixin_44281416/article/details/109311277)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* [【vue】vue+ES6循环处理数组:map、filter、foreach、every、some、reduce、find、findIndex等方法](https://blog.csdn.net/michiko98/article/details/108764814)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值