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|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|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|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|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|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|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|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|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|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":...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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