Jquery ile JSON veri içerisinde filtreleme yapma

JSON Verisini Almak:

Öncelikle, filtrelemek istediğiniz JSON verisini almanız gerekiyor. Bu veriyi bir dosyadan (örneğin, data.json) veya bir API'den alabilirsiniz.

Dosyadan Veri Alma:

JavaScript

$.getJSON("data.json", function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
});

API'den Veri Alma:

JavaScript

$.ajax({
url: "https://api.example.com/data",
method: "GET",
dataType: "json",
success: function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
},
error: function(error) {
console.error("Veri alınamadı:", error);
}
});

2. Filtreleme İşlemi:

filtrelemeIslemi fonksiyonunda, aldığınız JSON verisini jQuery'nin $.grep() fonksiyonu ile filtreleyebilirsiniz.

JavaScript

function filtrelemeIslemi(data) {
// Filtreleme kriterlerinizi burada belirleyin
var filtreKriteri = "aranan değer";

// $.grep() fonksiyonu ile filtreleme
var filtrelenmisVeri = $.grep(data, function(item) {
// Her bir öğe için filtreleme koşulunu kontrol edin
return item.ozellik === filtreKriteri; // "ozellik" yerine kendi JSON yapınıza uygun bir alan adı kullanın
});

// Filtrelenmiş veriyi kullanabilirsiniz
console.log(filtrelenmisVeri);
}

Örnek JSON Verisi ve Filtreleme:

Aşağıdaki gibi bir JSON veriniz olduğunu varsayalım:

JSON

[
{ "ad": "Ahmet", "yas": 25, "sehir": "İstanbul" },
{ "ad": "Ayşe", "yas": 30, "sehir": "Ankara" },
{ "ad": "Mehmet", "yas": 25, "sehir": "İzmir" }
]

Bu veriyi "yas" özelliği 25 olanları filtrelemek için aşağıdaki gibi kullanabilirsiniz:

JavaScript

function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25;
});

console.log(filtrelenmisVeri);
}

Birden Fazla Filtreleme Kriteri:

Birden fazla filtreleme kriteri kullanmak isterseniz, $.grep() fonksiyonunun içindeki koşulu genişletebilirsiniz.

JavaScript

function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25 && item.sehir === "İstanbul";
});

console.log(filtrelenmisVeri);
}

3. Filtrelenmiş Veriyi Kullanma:

Filtrelenmiş veriyi aldıktan sonra, bu veriyi istediğiniz gibi kullanabilirsiniz. Örneğin, bir HTML tablosunda gösterebilir veya başka bir işlem yapabilirsiniz.

Önemli Noktalar:

• $.grep() fonksiyonu, orijinal JSON verisini değiştirmez, yeni bir dizi döndürür.
• Filtreleme kriterlerinizi JSON verinizin yapısına göre ayarlamanız gerekir.
• Daha karmaşık filtreleme işlemleri için, Lodash veya Underscore.js gibi kütüphaneleri kullanabilirsiniz.

 

Tweet

Benzer Yayınlar

Jquery ile JSON veri içerisinde filtreleme yapma

4/ 5

Oleh WebYazilimciniz

WebYazilimciniz Mart 22, 2025 Yorum