javascript - 使用 JavaScript/jQuery 搜索 JSON 数组

Question

我正在使用 Google map 返回位置名称和用户所在位置的状态。这是我感兴趣的部分:

"address_components" : [
        {
           "long_name" : "Salem",
           "short_name" : "Salem",
           "types" : [ "locality", "political" ]
        },
        {
           "long_name" : "Rockingham",
           "short_name" : "Rockingham",
           "types" : [ "administrative_area_level_2", "political" ]
        },
        {
           "long_name" : "New Hampshire",
           "short_name" : "NH",
           "types" : [ "administrative_area_level_1", "political" ]
        },
        {
           "long_name" : "United States",
           "short_name" : "US",
           "types" : [ "country", "political" ]
        }
     ]

有没有办法找到哪些对象包含“locality”和“administrative_area_level_1”值，并使用 JavaScript 或 jQuery 返回相应对象的“long_name”字符串？我将如何着手这样做？

Answer 1

给你。请找到 fiddle here

通过使用如下函数:

function getLocality(){
    for(var i = 0 ; i< address_components.length; i++){
        var obj = address_components[i];
        var arr = obj["types"];
        for(var j = 0; j<arr.length;j++ ){
            if(arr[j] == "locality"){
                return obj;
            }
        }

    }
}

或者更确切地说，编写做同样事情的数组原型(prototype)

Array.prototype.getByType = function(type){
    for(var i = 0 ; i< address_components.length; i++){
        var obj = address_components[i];
        var arr = obj["types"];
        for(var j = 0; j<arr.length;j++ ){
            if(arr[j] == type){
                return obj;
            }
        }

    }
}

并使用如下原型(prototype):

address_components.getByType("administrative_area_level_1").long_name // Note that you pass the type to the prototype function that does the job for you

其中 address_components 是 Google map 返回的数组