javascript - jQuery 邮政编码搜索和使用 inArray 重定向

Question

我目前正在使用一堆 jQuery 数组和条件语句来创建邮政编码搜索和重定向脚本。当用户输入邮政编码时，脚本将从数组中查找它，并将用户重定向到相应的页面。

// Portland
var mountain = ['97049', '97067', '97011'];
var east = ['97055', '97023', '97022', '97009', '97089'];
var southEast = ['97013', '97042', '97004', '97017', '97038'];
var i84Corridor = ['97019', '97014'];
var greshamNorthEast = ['97080', '97030', '97060', '97024', '97230', '97233', '97236', '97220', '97216', '97266', '97218', '97213', '97215', '97206', '97211', '97212', '97232', '97214', '97202', '97227', '97217', '97203'];
var southEastPdx = ['97222', '97267', '97015', '97086', '97045', '97027'];
var southWest = ['97002', '97137', '97071', '97032'];
var west = ['97114', '97127', '97115', '97132', '97111', '97148', '97128'];
var southWestPdx = ['97219', '97035', '97034', '97068', '97062', '97070', '97223', '97224', '97140'];
var northWestPdx = ['97204', '97205', '97209', '97201', '97210', '97221', '97239', '97231', '97229', '97225', '97005', '97008', '97006', '97007', '97051', '97053', '97056', '97109', '97133', '97124', '97106', '97116', '97125', '97119', '97123', '97113', '97018'];
var Wa = ['98671', '98607', '98675', '98604', '98606', '98682', '98684', '98683', '98662', '98664', '98686', '98665', '98663', '98660', '98685', '98661', '98642'];


$('#zipcodeSearch').submit(function(e){
    e.preventDefault();

    var root = location.protocol + '//' + location.host;
    var searchedZip = $('#zip-code').val();
    if(jQuery.inArray(searchedZip, mountain) > -1) {
        window.location.href = root + '/mountain/';
    } else if (jQuery.inArray(searchedZip, east) > -1) {
        window.location.href = root + '/east/';
    } else if (jQuery.inArray(searchedZip, southEast) > -1) {
        window.location.href = root + '/southeast/';
    } else if (jQuery.inArray(searchedZip, i84Corridor) > -1) {
        window.location.href = root + '/i-84-corridor/';
    } else if (jQuery.inArray(searchedZip, greshamNorthEast) > -1) {
        window.location.href = root + '/gresham-northeast/';
    } else if (jQuery.inArray(searchedZip, southEastPdx) > -1) {
        window.location.href = root + '/southeast-of-portland/';
    } else if (jQuery.inArray(searchedZip, southWest) > -1) {
        window.location.href = root + '/southwest/';
    } else if (jQuery.inArray(searchedZip, west) > -1) {
        window.location.href = root + '/west/';
    } else if (jQuery.inArray(searchedZip, southWestPdx) > -1) {
        window.location.href = root + '/southwest-of-portland/';
    } else if (jQuery.inArray(searchedZip, northWestPdx) > -1) {
        window.location.href = root + '/northwest-of-portland/';
    } else if (jQuery.inArray(searchedZip, Wa) > -1) {
        window.location.href = root + '/wa/';
    }
    else {
        window.location.href = root + '/service-areas/';
    }
});

我的问题:是否有更好的方法来完成相同的功能，同时编写更少的代码？我仍在学习 jQuery，因此非常感谢您的所有意见。谢谢!

Answer 1

您可以将所有邮政编码存储在一个对象数组中，这些对象将它们的位置与代码联系起来。它可以这样格式化

var zips = [{ location: 'mountain', zipCodes: ['97049', '97067', '97011'] },
            { location: 'east', zipCodes: ['97055', '97023', '97022', '97009', '97089']}];

//one entry for each array you previously had...

然后在提交时你可以搜索你的数组并找到相应的位置

var root = location.protocol + '//' + location.host;
var searchedZip = $('#zip-code').val();

for(var i = 0; i < zips.length; i++){
  if(zips[i].zipCodes.indexOf(searchedZip) > -1){
    window.location.href = root + '/' + zips[i].location + '/';
    break;
  }
}

您可以更改 zips 中每个对象的 location 属性，以确保它具有正确的名称，例如 location: 'southwest-of-portaland' 而不是原始数组名称 southWestPdx。