JS从一组数据中找到指定的单条数据的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS从一组数据中找到指定的单条数据的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1244字,纯文字阅读大概需要2分钟。
内容图文
![JS从一组数据中找到指定的单条数据的方法](/upload/InfoBanner/zyjiaocheng/353/848069cce0ec4de1939ef25047438cea.jpg)
下面小编给大家介绍基于js如何从一组数据中找到指定的单条数据。具体方法如下所示:
在一般情况下,我们会要求后端在列表的时候输出一堆列表的JSON数据给我们,然后我们把这堆数据循环,就能在前端上显示列表了.
而我们在内容页的时候,则要求输出一个内容页的JSON数据给我们,我们就可以做内容页了.
但是,有时候,数据并不是特别复杂,我们可能需要从列表的数据中指定其中的单条数据.怎么做呢?
标准答案,find方法
var json = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"}];
如上所示,json是一个典型的列表数据.我如何指定找到ID=1的这条数据呢?
var data = json.find(function(e){return e.id == 1}); console.log(data);
通过这样的回调函数,就能找到列表数据中的单条数据了.
这段代码用了一个find方法,并且使用了一个回调函数.很优雅的解决了这个问题.下面,我将给出我的原始方案.
我的方案,for循环
上面的find方法是我通过搜索引擎找到的解决方法,点击此处: Array.prototype.find() .而我的原始解决方案如下:
var json = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"}]; var data = getJsonById(2,json); function getJsonById(id,data){ for (var i = 0; i < data.length; i++) { if (data[i].id==id) { return data[i]; } }; }
原理非常简单.通过循环遍历,找到和条件一致的内容,然后返回它即可.
以上内容是小编给大家介绍的JS从一组数据中找到指定的单条数据的方法,希望对大家有所帮助!
内容总结
以上是互联网集市为您收集整理的JS从一组数据中找到指定的单条数据的方法全部内容,希望文章能够帮你解决JS从一组数据中找到指定的单条数据的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。