首页 > web前端 > js教程 > 正文

如何从 JSON 数据中筛选出特定条件的集合?

聖光之護
发布: 2024-11-15 11:19:44
原创
702人浏览过

如何从 json 数据中筛选出特定条件的集合?

如何从 json 数据中获取指定集合

问题内容:给定一个 json 数据如下所示:

[
  { "id": 1, "name": "alice", "age": [{ "id": 4, "status": 0 }, { "id": 4, "status": 1 }] },
  { "id": 2, "name": "bob", "age": [{ "id": 4, "status": 1 }] },
  { "id": 3, "name": "charlie", "age": [{ "id": 4, "status": 1 }] }
]
登录后复制

如何获取 status 为 0 的集合,即获取包含 "id": 1, "name": "alice", "age": [{ "id": 4, "status": 0 }] 的集合?如何获取 status 为 1 的集合,即获取包含 "id": 1", "name": "bob", "age": [{ "id": 4, "status": 1 }] 和 "id": 1, "name": "charlie", "age": [{ "id": 4, "status": 1 }] 的集合?

回答:

要获取 status 为 0 和 1 的集合,可以使用 javascript 的数组方法 filter 来进行筛选。

获取 status 为 0 的集合:

博思AIPPT
博思AIPPT

博思AIPPT来了,海量PPT模板任选,零基础也能快速用AI制作PPT。

博思AIPPT 117
查看详情 博思AIPPT
const data = [
  // 相同 json 数据
];

const status0 = data.filter(item => item.age.some(a => a.status === 0));
console.log(status0);
登录后复制

获取 status 为 1 的集合:

const status1 = data.filter(item => item.age.some(a => a.status === 1));
console.log(status1);
登录后复制

详细解释:

  • filter 方法:filter 方法会创建一个新的数组,包含所有在回调函数中返回 true 的元素。
  • some 方法:some 方法会测试数组中的某些元素是否至少有一个元素通过了提供的函数测试。它返回一个布尔值。
  • 条件判断:在 filter 的回调函数中,我们使用 some 来检查 age 数组中的每个对象是否满足 status 的条件。

更复杂的场景:

如果需要筛选出 age 数组中包含 status 为 0 或 1 的对象集合,并且每个对象的 age 数组中可能包含多个元素,则需要对 age 数组中的每个元素进行进一步的筛选。

const data = [
  { // 相同 JSON 数据 }
];

// 获取 status 为 0 的集合
const status0 = data.map(item => ({
  ...item,
  age: item.age.filter(a => a.status === 0)
})).filter(item => item.age.length > 0);

console.log(status0);

// 获取 status 为 1 的集合
const status1 = data.map(item => ({
  ...item,
  age: item.age.filter(a => a.status === 1)
})).filter(item => item.age.length > 0);

console.log(status1);
登录后复制

这种方法可以确保只返回 age 中包含 status 为 0 或 1 的元素,并且如果 age 列表中没有符合条件的元素,该对象将不会包含在最终的结果中。

以上就是如何从 JSON 数据中筛选出特定条件的集合?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号