下面小编给大家介绍基于js如何从一组数据中找到指定的单条数据。具体方法如下所示：
在一般情况下,我们会要求后端在列表的时候输出一堆列表的JSON数据给我们,然后我们把这堆数据循环,就能在前端上显示列表了.
而我们在内容页的时候,则要求输出一个内容页的JSON数据给我们,我们就可以做内容页了.
但是,有时候,数据并不是特别复杂,我们可能需要从列表的数据中指定其中的单条数据.怎么做呢"color: #ff0000">标准答案,find方法
var json = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"}];
如上所示,json是一个典型的列表数据.我如何指定找到ID=1的这条数据呢"htmlcode">
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一组数据找指定数据
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。