如何创建查找数组中匹配数据的搜索？

Question

I want to create a search box which checks the input and sees if it matches a name of a town.

My data is organised like so (fictitious data btw):

var markers = {
    towns: {
        "London": {lat: -83.68088192646843, lng: -125.270751953125},
        "Paris": {lat: -58.1548020417031, lng: -21.318115234375},
    }
}

So to clarify:

• Take the textbox input, var query
• Search through the towns, var results
• if (query === results) do something eg make an alert

Thanks.

Edit:

I have been able to make a test as follows:

$("#search").blur(function() {
    var query = $("#search").val();
    var results = "hi";
    if (query === results) {
        alert("booyah");
    }   
})

This works, however as you can see I don't know how to store the towns in var results .

Edit #2: Would this work?

$("#search").blur(function() {
    var query = $("#search").val();
    for (var town in markers.towns) {
        if (query !== markers.towns[town]) {
            alert("booyah");
        }           
    }
})

Answer 1

first of all, your object is not an array. this case could be quite simple:

var coordinates = (function () {
    var markers = {
        towns: {
            "London": {lat: -83.68088192646843, lng: -125.270751953125},
            "Paris": {lat: -58.1548020417031, lng: -21.318115234375},
        }
    };
    return {
        find = function (city) {
             markers.towns[city] || null;
        }
    };
})();

the find method will return your value object or null.

Answer 2

When I run the following, using a hard-coded query variable, it works fine:

var markers = {
    towns: {
        "London": {lat: -83.68088192646843, lng: -125.270751953125},
        "Paris": {lat: -58.1548020417031, lng: -21.318115234375}
    }
}

var query = "london";   // Test with different capitalization.
for (var town in markers.towns) {
    // If the current town name matches the input field (case insensitive)
    if (town.toLowerCase() === query.toLowerCase()) {
        alert("booyah");
    }
}