Defiant Example

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<div id="output"></div>

JavaScript

var data = {
      "address_components": [
         {
            "long_name": "Salem",
            "short_name": "SL",
            "types": [
               "administrative_area_level_2",
               "political"
            ]
         },
         {
            "long_name": "Rockingham",
            "short_name": "RH",
            "types": [
               "locality",
               "political"
            ]
         },
         {
            "long_name": "New Hampshire",
            "short_name": "NH",
            "types": [
               "administrative_area_level_1",
               "political"
            ]
         },
         {
            "long_name": "United States",
            "short_name": "US",
            "types": [
               "country",
               "political"
            ]
         },
         {
            "long_name": "Arizona",
            "short_name": "AZ",
            "types": [
               "administrative_area_level_2",
               "political"
            ]
         }
      ]
    },
    res = JSON.search( data, '//*[types="administrative_area_level_1" or types="locality"]' ),
    str = '';

    for (var i=0; i<res.length; i++) {
        str += res[i].long_name +'<br/>';
    }

    document.getElementById('output').innerHTML = str;