DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS從一組數據中找到指定的單條數據的方法
JS從一組數據中找到指定的單條數據的方法
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved