当前位置: 首页 > news >正文

js-在数组中根据name查找出对应id(find与filter方法)

1.根据name查找出对应id

        使用数组的 find 方法来根据对象的某个属性(如名称)查找对应的对象,并获取该对象的 id 属性。

2.find 方法

const array = [  { id: 1, name: 'Alice' },  { id: 2, name: 'Bob' },  { id: 3, name: 'Charlie' }  
];

使用 find 方法来查找具有特定名称的对象,并获取其 id

function findIdByName(array, name) {  const obj = array.find(item => item.name === name);  return obj ? obj.id : null; // 如果找到对象,返回其id,否则返回null  
}  // 示例使用  
const nameToFind = 'Bob';  
const id = findIdByName(array, nameToFind);  console.log(id); // 输出: 2

 find 方法会遍历数组中的每个对象,并返回第一个满足条件(即 item.name === name)的对象。如果找到了这样的对象,我们就返回它的 id 属性;如果没有找到,则返回 null。

3. filter 方法

filter 方法会返回所有满足条件的对象,然后 map 方法会提取这些对象的 id 属性并返回一个新的数组。

function findIdsByName(array, name) {  const objs = array.filter(item => item.name === name);  return objs.map(obj => obj.id); // 返回所有匹配对象的id数组  
}  // 示例使用  
const ids = findIdsByName(array, 'Alice');  console.log(ids); // 输出: [1]

http://www.lryc.cn/news/473564.html

相关文章:

  • 推荐:自然语言处理方向的一些创新点
  • 成都睿明智科技有限公司抖音电商服务的领航者
  • 【大数据学习 | kafka】kafka的整体框架与数据结构
  • 隐私保护下的数据提取策略
  • vue 和 django 报 CORS(跨域资源共享,Cross-Origin Resource Sharing)是一种跨域访问的机制,
  • 「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置
  • 【论文阅读】PGAN
  • 基于Unet卷积神经网络的脑肿瘤MRI分割
  • [java][基础]HTTPTomcatServlet
  • 【开源免费】基于SpringBoot+Vue.JS网上超市系统(JAVA毕业设计)
  • 【单片机】深入剖析USART与UART的区别
  • ‌Linux tac命令‌
  • 从简单的demo开始让您逐步了解GetX的用法
  • JAVA的动态代理
  • 「图文详解」Pycharm 远程服务器Debug
  • Golang反射在实际开发中的应用场景
  • 【二叉树】C非递归算法实现二叉树的先序、中序、后序遍历
  • Android——事件冲突处理
  • vue + elementui 全局Loading效果
  • 深度了解flink(十) JobManager(4) ResourceManager HA
  • 【万兴科技-注册_登录安全分析报告】
  • Android启动流程_Zygote阶段
  • 2022NOIP比赛总结
  • Leetcode 排序链表
  • 哈希函数简介
  • nginx------正向代理,反向代理生产,以及能否不使用代理详解
  • iptables限制docker端口禁止某台主机访问(使用DOCKER链和raw表的PREROUTING链)
  • 【VM实战】VMware迁移到VirtualBox
  • Android WebView加载不到cookie
  • c++qt