下面小編給大家介紹基於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從一組數據中找到指定的單條數據的方法,希望對大家有所幫助!