2016-07-21 5 views
0

でJSONの配列要素を取得します。は私がReactJSで以下のJSONファイルを持っているReactJS

{ 
    "locations": [ 
     { 
     "id": 8817, 
     "loc": "NEW YORK CITY" 
     }, 
     { 
     "id": 2873, 
     "loc": "UNITED STATES" 
     }, 
     { 
     "id": 1501 
     "loc": "NEW YORK STATE" 
     } 
    ] 
} 

どのように私はidは= XXXX要素の値を取得できますか?また、id = xxxxのときにlocを取得するにはどうすればよいですか?

+1

これは実際に反応するとは何の関係もありません。しかし、あなたがlodashのようなライブラリを使用しているなら、 'const loc = locations.filter(i => i.id === XXXX)'を実行することができます。 – jzm

+0

次の答えで始めることをお勧めします:http:// stackoverflow .com/a/11922384/133645 – reto

+0

なぜフィルタリングするにはライブラリが必要ですか? –

答えて

0

あなたはあなたがフィルタ機能を使用することができます

let array_of_ids = _.pluck(json_object.locations,"id") 

//now find the index of your particular id 

let index = _.indexOf(array_of_ids,yourId) 

//now your required object is 

let your_object = json_object.locations[index] 

ザッツそれ

歓声

0

underscorejs使用することができます。

var obj = { 
 
    "locations": [ 
 
     { 
 
     "id": 8817, 
 
     "loc": "NEW YORK CITY" 
 
     }, 
 
     { 
 
     "id": 2873, 
 
     "loc": "UNITED STATES" 
 
     }, 
 
     { 
 
     "id": 1501, 
 
     "loc": "NEW YORK STATE" 
 
     } 
 
    ] 
 
} 
 
var val = '8817'; 
 
var res = obj.locations.filter(function(item) { 
 
    return item.id == val; 
 
    }); 
 

 
    console.log(res[0].loc);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>

関連する問題