blocks|key|208250|text|要做到这一点，唯一的方法是迭代数组。显然，如果您确定结果是按id排序的，则可以执行binary+search|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|208251|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Binary_search_algorithm^0|15|D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

The only way to do this is to iterate over the array. Obviously if you are sure that the results are ordered by id you can do a <a href="http://en.wikipedia.org/wiki/Binary_search_algorithm" rel="nofollow noreferrer">binary search</a>

blocks|key|208271|text|就我个人而言，我对这类东西使用下划线...所以|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208272|a+=+_.find(results,function(rw){+return+rw.id+==+2+});|code-block|syntax|javascript|208273|那么"a“就是您想要的数组中id等于2的行。|208274|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

personally i use underscore for this kind of stuff... so 

<pre><code>a = _.find(results,function(rw){ return rw.id == 2 });
</code></pre>

then "a" would be the row that you wanted of your array where the id was equal to 2

blocks|key|208386|text|我只是想给Willemoes+answer添加一些东西。直接在HTML中编写的相同代码将如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|208387|{{(FooController.results+%7C+filter+:+{id:+1})[0].name+}}|code-block|syntax|javascript|208388|假设"results“是您的名称的一个变量，并且您想要显示已过滤项目的”FooController“属性。|208389|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/24393892/957286^0|5|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I just want to add something to <a href="https://stackoverflow.com/a/24393892/957286">Willemoes answer</a>.
The same code written directly inside the HTML will look like this:

<pre><code>{{(FooController.results | filter : {id: 1})[0].name }}
</code></pre>

Assuming that "results" is a variable of your FooController and you want to display the "name" property of the filtered item.

blocks|key|208292|text|仅当数据与您使用ng-show查找的数据匹配时，才能使用ng-repeat和pick+data，例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|208293|+<div+ng-repeat="data+in+res.results"+ng-show="data.id==1">
+++++{{data.name}}
+</div>++++|code-block|syntax|javascript|208294|entityMap^0|8|7|S|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You can use <code>ng-repeat</code> and pick data only if data matches what you are looking for using <code>ng-show</code>
for example:

<pre><code> &lt;div ng-repeat="data in res.results" ng-show="data.id==1"&gt;
 {{data.name}}
 &lt;/div&gt; 
</code></pre>

blocks|key|4714262|text|你可以遍历你的数组：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4714263|var+doc+=+{+/*+your+json+*/+};

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

var+doc_id_2+=+getById(doc.results,+2);|code-block|syntax|javascript|4714264|如果你不想写这种混乱的循环，你可以考虑使用underscore.js或Lo-Dash+(后者中的例子)：|offset|length|4714265|var+doc_id_2+=+_.filter(doc.results,+{id:+2})[0]|4714266|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/|1|http://lodash.com/^0|0|0|L|D|0|Z|7|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]|$I|12|J|13|1|14]]|A|$]]|$1|K|3|L|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

You can just loop over your array:

<pre><code>var doc = { /* your json */ };

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

var doc_id_2 = getById(doc.results, 2);
</code></pre>

If you don't want to write this messy loops, you can consider using <a href="http://underscorejs.org/">underscore.js</a> or <a href="http://lodash.com/">Lo-Dash</a> (example in the latter):

<pre><code>var doc_id_2 = _.filter(doc.results, {id: 2})[0]
</code></pre>

blocks|key|4714501|text|如果希望在州id的基础上列出像city这样的项目，那么可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4714502|var+state_Id+=+5;
var+items+=+($filter('filter')(citylist,+{stateId:+state_Id+}));|code-block|syntax|javascript|4714503|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want the list of items like city on the basis of state id then use

<pre><code>var state_Id = 5;
var items = ($filter('filter')(citylist, {stateId: state_Id }));
</code></pre>

blocks|key|4714247|text|不幸的是(除非我弄错了)，我认为您需要遍历results对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4714248|for(var+i+=+0;+i+<+results.length;+i+%2B=+1){
++++var+result+=+results[i];
++++if(result.id+===+id){
++++++++return+result;
++++}
}|code-block|syntax|javascript|4714249|至少这样，一旦找到正确的匹配id，它就会中断迭代。|4714250|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Unfortunately (unless I'm mistaken), I think you need to iterate over the results object. 

<pre><code>for(var i = 0; i &lt; results.length; i += 1){
 var result = results[i];
 if(result.id === id){
 return result;
 }
}
</code></pre>

At least this way it will break out of the iteration as soon as it finds the correct matching id.

blocks|key|208440|text|为什么要把情况复杂化呢？这很简单，像这样写一些函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208441|function+findBySpecField(data,+reqField,+value,+resField)+{
++++var+container+=+data;
++++for+(var+i+=+0;+i+<+container.length;+i%2B%2B)+{
++++++++if+(container[i][reqField]+==+value)+{
++++++++++++return(container[i][resField]);
++++++++}
++++}
++++return+'';
}|code-block|syntax|javascript|208442|使用案例：|208443|var+data=[{
++++++++++++"id":+502100,
++++++++++++"name":+"Bərdə+filialı"
++++++++},
++++++++{
++++++++++++"id":+502122
++++++++++++"name":+"10+saylı+filialı"
++++++++},
++++++++{
++++++++++++"id":+503176
++++++++++++"name":+"5+sayli+filialı"
++++++++}]

console.log('Result+is++'%2BfindBySpecField(data,'id','502100','name'));|208444|输出：|208445|Result+is+Bərdə+filialı|208446|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Why complicate the situation? this is simple write some function like this:

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

Use Case:

<pre><code>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'));
</code></pre>

output:

<pre><code>Result is Bərdə filialı
</code></pre>

blocks|key|208467|text|$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'}];

{{(olkes+%7C+filter:+{id:45})[0].name}}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|208468|输出:+Azərbaycan|unstyled|208469|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$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'}];

&lt;span&gt;{{(olkes | filter: {id:45})[0].name}}&lt;/span&gt;
</code></pre>

output: Azərbaycan

blocks|key|208529|text|我知道我来不及回答，但出现总比根本不出现要好:)。ES6获取它的方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208530|$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
});|code-block|syntax|javascript|208531|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I know I am too late to answer but it's always better to show up rather than not showing up at all :). ES6 way to get it:

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

blocks|key|4714715|text|通过id从数组中获取(一个)元素的简单方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4714716|find()方法返回数组中满足所提供测试函数的第一个元素的值。否则返回undefined。|4714717|function+isBigEnough(element)+{
++++return+element+>=+15;
}

var+integers+=+[12,+5,+8,+130,+160,+44];
integers.find(isBigEnough);+//+130++only+one+element+-+first|code-block|syntax|javascript|4714718|您不需要像上面的注释那样使用filter()并捕获第一个元素xx.filter()|4714719|数组中的对象也是如此|4714720|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);|4714721|当然，如果您有多个id，那么可以使用filter()方法来获取所有对象。干杯|4714722|​|4714723|function+isBigEnough(element)+{
++++return+element+>=+15;
}

var+integers+=+[12,+5,+8,+130,+160,+44];
integers.find(isBigEnough);+//+130++only+one+element+-+first|4714724|4714725|4714726|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);|4714727|4714728|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|18|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|19|8|@]|9|@]|A|$G|H]]|$1|U|3|R|5|6|7|1A|8|@]|9|@]|A|$]]|$1|V|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|Y|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|10|$]]

The simple way to get (one) element from array by id:

The find() method returns the value of the first element in the array that satisfies the provided testing function. Otherwise undefined is returned.

<pre><code>function isBigEnough(element) {
 return element &gt;= 15;
}

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

you don't need to use filter() and catch first element xx.filter()[0] like in comments above 

The same for objects in array

<pre><code>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);
</code></pre>

Of course if you have multiple id then use filter() method to get all objects.
Cheers

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function isBigEnough(element) {
 return element &gt;= 15;
}

var integers = [12, 5, 8, 130, 160, 44];
integers.find(isBigEnough); // 130 only one element - first</code></pre>
</div>
</div>


<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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);</code></pre>
</div>
</div>

blocks|key|208303|text|++++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%2B%2B)+{
++++++++$scope.project+=+data[i];
++++++++if($scope.project.name+===+$routeParams.projectName)+{
++++++++++++console.log('project-details',$scope.project);
++++++++return+$scope.project;
++++++++}
++++++++}

++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|208304|不知道这是不是真的很好，但这对我很有帮助..我需要使用$scope来让它正常工作。|unstyled|208305|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> 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 &lt; data.length; i++) {
 $scope.project = data[i];
 if($scope.project.name === $routeParams.projectName) {
 console.log('project-details',$scope.project);
 return $scope.project;
 }
 }

 });
});
</code></pre>

Not sure if it's really good, but this was helpful for me.. 
I needed to use $scope to make it work properly.

blocks|key|4714524|text|使用$timeout并运行函数在"results“数组中进行搜索|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4714525|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%2B%2B)+{
++++++++++++++++if+(foo.results[i].id===+2)+{
++++++++++++++++++++$scope.name+=+foo.results[i].name;
++++++++++++++++}
++++++++++++}
++++++++},+10);

++++});|code-block|syntax|javascript|4714526|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

use $timeout and run a function to search in "results" array

<pre><code>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 &lt; foo.results.length; i++) {
 if (foo.results[i].id=== 2) {
 $scope.name = foo.results[i].name;
 }
 }
 }, 10);

 });
</code></pre>

blocks|key|208635|text|我将使用angularjs过滤器迭代结果数组，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208636|var+foundResultObject+=getObjectFromResultsList(结果，1)；|208637|function+getObjectFromResultsList(results,+resultIdToRetrieve)+{
++++++++return+$filter('filter')(results,+{+id:+resultIdToRetrieve+},+true)[0];
++++}|code-block|syntax|javascript|208638|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I would iterate over the results array using an angularjs filter like this:

var foundResultObject = getObjectFromResultsList(results, 1);

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

I have a JSON file containing some data I d like to access on my AngularJS website. Now what I want is to get only one object from the array. So I d like for example Item with id 1.

The data looks like this:

<pre><code>{ "results": [
 {
 "id": 1,
 "name": "Test"
 },
 {
 "id": 2,
 "name": "Beispiel"
 },
 {
 "id": 3,
 "name": "Sample"
 }
] }
</code></pre>

I d like to load the data with AngularJS $http functionality like this:

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

which is working. But how can I now get a specific data object (by id) from the array I get from <code>$http.get</code> ?

Thanks in advance for your help.

Greets
Marc

Get specific object by id from array of objects in AngularJS

JSON

我有一个JSON文件，其中包含一些我想在我的AngularJS网站上访问的数据。现在我想要的是从数组中只获取一个对象。例如，我想要id为1的项。数据如下所示：{ "results": [    {        "id": 1,        "name": "Test"    },    {        "id": 2,        "name": "Beispiel"    },    {

问通过id从AngularJS中的对象数组中获取特定对象
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过id从AngularJS中的对象数组中获取特定对象EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过id从AngularJS中的对象数组中获取特定对象
EN