根据(key)获取数组中对应的值

1.find方法

 const arr = [
      { name: "tom", value: "123" },
      { name: "jack", value: "456" },
      { name: "roose", value: "789" },
      { name: "dav", value: "147" },
      { name: "maddox", value: "258" },
    ]
    const xx = arr.find(item => item.name === "jack")
    console.log(xx) // { name: 'jack', value: '456' }
    const xxx = arr.find(item => item.name === "jack")?.value
    console.log(xxx) // 456

2.findIndex

   const arr = [
      { name: "tom", value: "123" },
      { name: "jack", value: "456" },
      { name: "roose", value: "789" },
      { name: "dav", value: "147" },
      { name: "maddox", value: "258" },
    ]
    const xxxx = arr.findIndex(item => item.name === "jack")
    console.log(xxxx) // 1 找到jack的下标为1
    console.log(arr[xxxx]) // { name: 'jack', value: '456' }
    console.log(arr[xxxx].value) // 456

3.findLast–findLastIndex

    const arr = [
      { name: "tom", value: "123" },
      { name: "jack", value: "456" },
      { name: "roose", value: "789" },
      { name: "dav", value: "147" },
      { name: "maddox", value: "258" },
    ]
    const xxxx = arr.findLast(item => item.name === "jack")
    const xx = arr.findLastIndex(item => item.name === "jack")
    console.log(xxxx, 44) // 1 找到jack的下标为1
    console.log(arr[xx], 33)

4.filter

    const arr = [
      { name: "tom", value: "123" },
      { name: "jack", value: "456" },
      { name: "roose", value: "789" },
      { name: "dav", value: "147" },
      { name: "maddox", value: "258" },
    ]
    const xxxx = arr.filter((item) => item.name === "jack")
    console.log(xxxx) // 过滤数组--得到新数组

5.map

 const arr = [
      { name: "tom", value: "123" },
      { name: "jack", value: "456" },
      { name: "roose", value: "789" },
      { name: "dav", value: "147" },
      { name: "maddox", value: "258" },
    ]
    const xxx: { name: string; value: string; }[] = []
    arr.map((item) => {
      if (item.name === "jack") {
        xxx.push({ ...item })
      }
    })
    console.log(xxx, 44) // 过滤数组--得到新数组
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值