Dapatkan objek tertentu dengan id dari larik objek di AngularJS

Saya memiliki file JSON yang berisi beberapa data yang ingin saya akses di situs web AngularJS saya. Sekarang yang saya inginkan adalah mendapatkan hanya satu objek dari array. Jadi saya ingin misalnya Item dengan id 1.

Datanya terlihat seperti ini:

{ "results": [
    {
        "id": 1,
        "name": "Test"
    },
    {
        "id": 2,
        "name": "Beispiel"
    },
    {
        "id": 3,
        "name": "Sample"
    }
] }

Saya ingin memuat data dengan fungsionalitas AngularJS $ http seperti ini:

$http.get("data/SampleData.json");

yang berhasil. Tapi bagaimana sekarang saya bisa mendapatkan objek data tertentu (menurut id) dari array yang saya dapatkan $http.get?

Terima kasih sebelumnya atas bantuan Anda.

Salam Marc

Satu-satunya cara untuk melakukannya adalah dengan melakukan iterasi pada array. Tentunya jika Anda yakin bahwa hasil diurutkan berdasarkan id, Anda dapat melakukan pencarian biner

Menggunakan solusi ES6

Bagi mereka yang masih membaca jawaban ini, jika Anda menggunakan ES6, findmetode tersebut ditambahkan dalam array. Jadi dengan asumsi koleksi yang sama, solusinya adalah:

const foo = { "results": [
    {
        "id": 12,
        "name": "Test"
    },
    {
        "id": 2,
        "name": "Beispiel"
    },
    {
        "id": 3,
        "name": "Sample"
    }
] };
foo.results.find(item => item.id === 2)

Saya akan benar-benar menggunakan solusi ini sekarang, karena tidak terlalu terikat pada sudut atau kerangka lainnya. Javascript murni.

Solusi sudut (solusi lama)

Saya bertujuan untuk menyelesaikan masalah ini dengan melakukan hal berikut:

$filter('filter')(foo.results, {id: 1})[0];

Contoh kasus penggunaan:

app.controller('FooCtrl', ['$filter', function($filter) {
    var foo = { "results": [
        {
            "id": 12,
            "name": "Test"
        },
        {
            "id": 2,
            "name": "Beispiel"
        },
        {
            "id": 3,
            "name": "Sample"
        }
    ] };

    // We filter the array by id, the result is an array
    // so we select the element 0

    single_object = $filter('filter')(foo.results, function (d) {return d.id === 2;})[0];

    // If you want to see the result, just check the log
    console.log(single_object);
}]);

Plunker: http://plnkr.co/edit/5E7FYqNNqDuqFBlyDqRh?p=preview

Bagi siapa pun yang melihat posting lama ini, ini adalah cara termudah untuk melakukannya saat ini. Ini hanya membutuhkan AngularJS $filter. Ini seperti jawaban Willemoes, tapi lebih pendek dan lebih mudah dimengerti.

{ 
    "results": [
        {
            "id": 1,
            "name": "Test"
        },
        {
            "id": 2,
            "name": "Beispiel"
        },
        {
            "id": 3,
            "name": "Sample"
        }
    ] 
}

var object_by_id = $filter('filter')(foo.results, {id: 2 })[0];
// Returns { id: 2, name: "Beispiel" }

PERINGATAN

Seperti yang dikatakan @mpgn, ini tidak berfungsi dengan baik . Ini akan menangkap lebih banyak hasil. Contoh: ketika Anda mencari 3, ini akan menangkap 23 juga

Secara pribadi saya menggunakan garis bawah untuk hal-hal semacam ini ... jadi

a = _.find(results,function(rw){ return rw.id == 2 });

maka "a" akan menjadi baris yang Anda inginkan dari array Anda di mana id sama dengan 2

Saya hanya ingin menambahkan sesuatu ke jawaban Willemoes . Kode yang sama yang ditulis langsung di dalam HTML akan terlihat seperti ini:

{{(FooController.results | filter : {id: 1})[0].name }}

Mengasumsikan bahwa "hasil" adalah variabel dari FooController Anda dan Anda ingin menampilkan properti "nama" dari item yang difilter.

Anda dapat menggunakan ng-repeatdan memilih data hanya jika data cocok dengan yang Anda cari, ng-show misalnya:

 <div ng-repeat="data in res.results" ng-show="data.id==1">
     {{data.name}}
 </div>    

Anda bisa mengulang array Anda:

var doc = { /* your json */ };

function getById(arr, id) {
    for (var d = 0, len = arr.length; d < len; d += 1) {
        if (arr[d].id === id) {
            return arr[d];
        }
    }
}

var doc_id_2 = getById(doc.results, 2);

Jika Anda tidak ingin menulis loop yang berantakan ini, Anda dapat mempertimbangkan untuk menggunakan underscore.js atau Lo-Dash (contoh yang terakhir):

var doc_id_2 = _.filter(doc.results, {id: 2})[0]

Jika Anda ingin daftar item seperti kota berdasarkan id negara, maka gunakan

var state_Id = 5;
var items = ($filter('filter')(citylist, {stateId: state_Id }));

Sayangnya (kecuali saya salah), saya pikir Anda perlu mengulangi objek hasil.

for(var i = 0; i < results.length; i += 1){
    var result = results[i];
    if(result.id === id){
        return result;
    }
}

Setidaknya dengan cara ini ia akan keluar dari iterasi segera setelah menemukan id yang cocok dengan benar.

Mengapa memperumit situasi? ini sederhana tulis beberapa fungsi seperti ini:

function findBySpecField(data, reqField, value, resField) {
    var container = data;
    for (var i = 0; i < container.length; i++) {
        if (container[i][reqField] == value) {
            return(container[i][resField]);
        }
    }
    return '';
}

Kasus Penggunaan:

var data=[{
            "id": 502100,
            "name": "Bərdə filialı"
        },
        {
            "id": 502122
            "name": "10 saylı filialı"
        },
        {
            "id": 503176
            "name": "5 sayli filialı"
        }]

console.log('Result is  '+findBySpecField(data,'id','502100','name'));

keluaran:

Result is Bərdə filialı

$scope.olkes = [{'id':11, 'name':'---Zəhmət olmasa seçim edin---'},
                {'id':15, 'name':'Türkyə'},
                {'id':45, 'name':'Azərbaycan'},
                {'id':60, 'name':'Rusya'},
                {'id':64, 'name':'Gürcüstan'},
                {'id':65, 'name':'Qazaxıstan'}];

<span>{{(olkes | filter: {id:45})[0].name}}</span>

keluaran: Azərbaycan

Jika Anda bisa, rancang struktur data JSON Anda dengan menggunakan indeks array sebagai ID. Anda bahkan dapat "menormalkan" array JSON Anda selama tidak ada masalah dalam menggunakan indeks array sebagai "kunci utama" dan "kunci asing", seperti RDBMS. Karena itu, di masa mendatang, Anda bahkan dapat melakukan hal seperti ini:

function getParentById(childID) {
var parentObject = parentArray[childArray[childID].parentID];
return parentObject;
}

Ini adalah solusi "By Design" . Untuk kasus Anda, cukup:

var nameToFind = results[idToQuery - 1].name;

Tentu saja, jika format ID Anda adalah seperti "XX-0001" yang indeks lariknya 0 , maka Anda dapat melakukan manipulasi string untuk memetakan ID; atau tidak ada yang bisa dilakukan tentang itu kecuali melalui pendekatan iterasi.

Saya tahu saya terlambat untuk menjawab tetapi selalu lebih baik untuk datang daripada tidak muncul sama sekali :). Cara ES6 untuk mendapatkannya:

$http.get("data/SampleData.json").then(response => {
let id = 'xyz';
let item = response.data.results.find(result => result.id === id);
console.log(item); //your desired item
});

Cara sederhana untuk mendapatkan (satu) elemen dari array dengan id:

Metode find () mengembalikan nilai elemen pertama dalam larik yang memenuhi fungsi pengujian yang disediakan. Jika tidak, undefined dikembalikan.

function isBigEnough(element) {
    return element >= 15;
}

var integers = [12, 5, 8, 130, 160, 44];
integers.find(isBigEnough); // 130  only one element - first

Anda tidak perlu menggunakan filter () dan menangkap elemen pertama xx.filter () [0] seperti pada komentar di atas

Hal yang sama untuk objek dalam larik

var foo = {
"results" : [{
    "id" : 1,
    "name" : "Test"
}, {
    "id" : 2,
    "name" : "Beispiel"
}, {
    "id" : 3,
    "name" : "Sample"
}
]};

var secondElement = foo.results.find(function(item){
    return item.id == 2;
});

var json = JSON.stringify(secondElement);
console.log(json);

Tentu saja jika Anda memiliki banyak id maka gunakan metode filter () untuk mendapatkan semua objek. Bersulang

function isBigEnough(element) {
    return element >= 15;
}

var integers = [12, 5, 8, 130, 160, 44];
integers.find(isBigEnough); // 130  only one element - first

var foo = {
"results" : [{
    "id" : 1,
    "name" : "Test"
}, {
    "id" : 2,
    "name" : "Beispiel"
}, {
    "id" : 3,
    "name" : "Sample"
}
]};

var secondElement = foo.results.find(function(item){
    return item.id == 2;
});

var json = JSON.stringify(secondElement);
console.log(json);

    projectDetailsController.controller('ProjectDetailsCtrl', function ($scope, $routeParams, $http) {
    $http.get('data/projects.json').success(function(data) {

        $scope.projects = data;
        console.log(data);

        for(var i = 0; i < data.length; i++) {
        $scope.project = data[i];
        if($scope.project.name === $routeParams.projectName) {
            console.log('project-details',$scope.project);
        return $scope.project;
        }
        }

    });
});

Tidak yakin apakah itu benar-benar bagus, tapi ini membantu saya .. Saya perlu menggunakan $ scope untuk membuatnya bekerja dengan baik.

gunakan $ timeout dan jalankan fungsi untuk mencari di array "hasil"

app.controller("Search", function ($scope, $timeout) {
        var foo = { "results": [
          {
             "id": 12,
             "name": "Test"
          },
          {
             "id": 2,
             "name": "Beispiel"
          },
          {
             "id": 3,
            "name": "Sample"
          }
        ] };
        $timeout(function () {
            for (var i = 0; i < foo.results.length; i++) {
                if (foo.results[i].id=== 2) {
                    $scope.name = foo.results[i].name;
                }
            }
        }, 10);

    });

Saya akan mengulangi array hasil menggunakan filter angularjs seperti ini:

var foundResultObject = getObjectFromResultsList (hasil, 1);

function getObjectFromResultsList(results, resultIdToRetrieve) {
        return $filter('filter')(results, { id: resultIdToRetrieve }, true)[0];
    }