js 根据id去寻找和id匹配的数据

原创已于 2022-03-25 14:10:26 修改 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #vue

于 2022-03-25 14:08:58 首次发布

本文介绍了一种使用JavaScript实现的数组筛选方法，通过map和filter函数结合来从源数组中选取特定ID对应的数据项。示例代码展示了如何针对一组包含姓名和ID的对象数组，依据指定的ID列表进行精确匹配。

let arr = [
  {
    name: '张三',
    id: '1'
  },
  {
    name: '李四',
    id: '2'
  },
  {
    name: '王五',
    id: '3'
  },
  {
    name: '赵六',
    id: '4'
  },
  {
    name: '郑七',
    id: '5'
  },
  {
    name: '吴八',
    id: '6'
  },
  {
    name: '周九',
    id: '7'
  }
];
let ids = ['1','2','5']
let Data = ids .map(
  item => arr .filter(i => i?.id == item)[0]
);
console.log(Data)
// [
//   {
//     name: '张三',
//     id: '1'
//   },
//   {
//     name: '李四',
//     id: '2'
//   },
//   {
//     name: '郑七',
//     id: '5'
//   }
// ]