我可以“匹配”吗？ 2 个数组中的值，然后使用后续的“匹配”；价值？

Question

我正在尝试实现以下目标，但凭借我的中级 JavaScript 技能，我不确定这是否可行。

这部分与 这个问题。

现在我有 2 个数组

a) 有各种语言（例如“en-GB”、“fr”、“de”等）
b）具有基于上述浏览器语言的URL后缀（例如“fr/”，“de/”，“uk/”）

我想要实现的是：

1）用户点击页面，浏览器检测哪个浏览器它正在使用数组 (a)
2) 根据浏览器基于 (a) 的内容，然后搜索 (b)，如果它们匹配，例如，如果语言是“fr”，它将使用 (b) 中数组中的后缀“fr/” .
3) 然后它将将此后缀添加到顶级域（始终保持不变）

这是否有可能实现（我确信是）？可以纯粹通过 JavaScript（或 JQuery）来完成吗？我该怎么做呢？

这是我到目前为止的一些代码：

var IAB_Array = new Array("de-at","nl-be","fr-be","da","de","hu","en-ie","ga","es","fr","it","nl","no","pl","en","en-GB","en-US","en-gb","en-us"); //language array
var IAB_suffix = new Array("at/","be-nl/","be-fr","den/","de/","hu/","ie/","es/","fr/","it/","nl/","nor/","pl/","uk/"); //URL suffix Array
var IAB_lang = "en-GB"; //default language
var IAB_link = "http://www.mysitegoeshere/";

if(navigator.browserLanguage) IAB_lang = navigator.browserLanguage; //change lang if detection supported
if(window.navigator.language) IAB_lang = window.navigator.language; //change lang if detection supported

function IAB_Lang_detect () { //execute search
for (var i=0;i<IAB_Array.length;i++) {
    if(IAB_Array[i]==IAB_lang) {
        document.write(IAB_Array[i]); //output matched array value
        }
}
return false;
}

var IAB_URL = "<a href="+IAB_link+IAB_suffix[1]+">"+IAB_link+IAB_suffix[1]+"</a>"; //this is the resulting URL

document.write(IAB_URL);
IAB_Lang_detect ();

我希望有人可以提供帮助，因为我有点困惑！更重要的是匹配两个数组中的值，然后选择我遇到问题的正确后缀。

谢谢

Answer 1

我会以不同的方式做并使用一个对象：

var IAB_Object = { "it-It": "it/", "en-Gb": "en/" ....}

if(IAB_Object.hasOwnProperty(IAB_lang)){
   //you have a match, the suffix is
   var suffix = IAB_Object[IAB_lang];
}else{
   //you don't have a match use a standard language
}     

Answer 2

我可能根本不会为此使用数组。您可以使用一个对象：

var IABInfo = {
    "de-at": "at/",
    "ln-be": "be-nl/",
    // ...and so on
};

然后直接索引到该对象：

var value = IABInfo[IABLang]; // Where IABLang contains a string, like "de-at"

所以：

var suffix = IABInfo[IABLang];
if (suffix) { // Did we have it?
    document.write(suffix);
}

这是可行的，因为所有 JavaScript 对象都是自由格式的键/值映射。下面是一个更简单的示例：

var lifeTheUniverseAndEverything = {
    answer: 42,
    question: "?"
};

您可以使用带有文字的点符号或带有字符串的方括号 ([]) 符号来查找属性。因此，所有这四个输出完全相同的内容：

// 1. Dotted notation with a literal:
console.log("The answer is " + lifeTheUniverseAndEverything.answer);

// 2. Bracketed notation with a string
console.log("The answer is " + lifeTheUniverseAndEverything["answer"]);

// 3. The string needn't be a literal, it can come from a variable...
var name = "answer";
console.log("The answer is " + lifeTheUniverseAndEverything[name]);

// 4. ...or indeed any expression:
console.log("The answer is " + lifeTheUniverseAndEverything["a" + "n" + "swer"]);

因此，通过将 IAB 信息制作为对象文字中的映射，您可以更轻松地查找内容：只需使用带有所需语言代码的括号表示法即可。

Answer 3

(function () {
    "use strict";
    var lang_map = {
        "de-at": "at/",
        "nl-be": "be-nl/",
        "fr-be": "be-fr",
        "da": "den/",
        "de": "de/",
        "hu": "hu/",
        "en-ie": "ie/",
        "ga": "ie/",
        "es": "es/",
        "fr": "fr/",
        "it": "it/",
        "nl": "nl/",
        "no": "nor/",
        "pl": "pl/",
        "en": "uk/",
        "en-GB": "uk/",
        "en-US": "uk/",
        "en-gb": "uk/",
        "en-us": "uk/"
    },
    lang = (navigator && navigator.browserLanguage) || (window.navigator && window.navigator.language) || "en-GB";
    window.location = "http://www.mysitegoeshere/" + lang_map[lang];
}());