특정 매개 변수를 사용하여 객체 배열을 반복하기

Question

정확하게 json 배열을 반복하여 위치 ID와 d3 객체 ID를 일치시켜야합니다.

여기 (생성 루비 레일) 어레이의 단편이다 : 나 드래그 & 드롭 기능을 Y

{ 
    "name": "Test", 
    "locations": [{ 
     "city_id": 1, 
     "x": 0, 
     "y": 0 
     }, { 
     "city_id": 2, 
     "x": 0, 
     "y": 0 
     }, { 
     "city_id": 3, 
     "x": 0, 
     "y": 0 
     }, { 
     "city_id": 118, 
     "x": 0, 
     "y": 0 
     }, { 
     "city_id": 117, 
     "x": 0, 
     "y": 0 
     }, 
    ], 
    "city": [{ 
     "id": 118, 
     "name": "London" 
     }, { 
     "id": 117, 
     "name": "New York" 
     }, { 
     "id": 1, 
     "name": "Miami" 
     }, { 
     "id": 3, 
     "name": "Duabi" 
     }, { 
     "id": 2, 
     "name": "Hong Kong" 
     } 
    ] 
} 

&는 X의 값을 수집하기 위해. 개체를 떨어 뜨리면 x & y 값의 위치를 ​​업데이트하기 위해 게시물을 보냈습니다. 그러나, 그것은 내 루프 isnt 구체적인만큼 정확한 ID로 업데이 트를 보냅니다.

그래서 지금은 &는 D3 객체로 일치하는 도시의 위치를 ​​수집 할 수있는 방법을 찾아야/cities.So I는 다음과 같이 통해 루프 :

.attr("transform", function(d,i) {return "translate("+json.locations[i].x+","+json.locations[i].y+")" ;}) 

을하지만 이것은 단지 아무것도 일치하지 않고 배열을 간다 . 따라서 본질적으로 내 루프가 &을 통과하여 ID가 ​​&과 상관되는지 확인한 다음 해당 위치를 관련 d3 개체에 할당합니다. 따라서 도시 ID : 118을 끌면 & 위치가 city_id로 떨어졌습니다. 188은 city_id : 1이 아니라 문제를 업데이트해야합니다.

가능합니다.

미리 감사드립니다.

Answer 1

이런 뜻입니까?

//i don't know where is it from 
given_id = 118; 

for(i=0;i<json.locations.length;i++) { 
    var id = json.locations[i].city_id; 
    if(id==given_id) { 
     var x = json.locations[i].x; 
     var y = json.locations[i].y; 
     console.log(x+","+y); 
     //do something with x and y 
    } 
} 

http://jsfiddle.net/LyQZ6/