這篇文章給大家介紹基于js如何從一組數據中找到指定的單條數據，非常實用，實現方案也很簡單，需要的朋友可以參考下

下面小編給大家介紹基于js如何從一組數據中找到指定的單條數據。具體方法如下所示：

在一般情況下,我們會要求后端在列表的時候輸出一堆列表的JSON數據給我們,然后我們把這堆數據循環(huán),就能在前端上顯示列表了.

而我們在內容頁的時候,則要求輸出一個內容頁的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方法,并且使用了一個回調函數.很優(yōu)雅的解決了這個問題.下面,我將給出我的原始方案.

我的方案,for循環(huán)

上面的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];

}

};

}

原理非常簡單.通過循環(huán)遍歷,找到和條件一致的內容,然后返回它即可.

以上內容是小編給大家介紹的JS從一組數據中找到指定的單條數據的方法，希望對大家有所幫助！