Getting Graphic from Graphics Layer using ArcGIS API for JavaScript

Question

How do I get a Graphic from the Graphic Layer like the way one can implement in OpenLayers using getFeatureById()?

Presently, I am attaching attributes to graphic and then by getting graphic layer by layerId, I loop through all the graphics in that layer until the loop satisfy the condition and returns me the correct Graphic I am looking for.

So it works in following way,

`//This returns graphics layer from the list of graphics layer
var graphicsLayer = map.getLayer(layerId);
//Not supported by API
//var graphic = graphicsLayer.getGraphic(graphicId);`

`//Current approach
for(i=0;i<graphisLayer.graphics.length;i++){
    if(graphisLayer.graphics[i].attribute.fid == myFid){
        //Do something with this graphic
        break;
    }
}`

However, I am seeking another approach.

Answer 1

Use Array's find function : by declaring a function where you'll make your search and create property in your layer refering the last created function :

here is the code

var getGraphics = function (myFid){
    function findGraphic(graphic) {
       if(typeof  graphic.attribute == 'undefined') return "";
       return graphic.attribute.fid == myFid;
    }
    return this.graphics.find(findGraphic);
};

//assigning new member as function 
graphicsLayer.getGraphic = getGraphics ;

// perform serach
var graphic = graphicsLayer.getGraphic(graphicId);

Hope this help you .