编写函数以减少执行时间的最“纯 JavaScript”方式是什么？

Question

var AcceptLngs = ['de', 'en', 'es', 'fr', 'it', 'pt', 'pt-BR'],
    _getI18N = { 
        'wordToTranslate' : {
            'pt' : `translatedWord`,
            [...]
        },
        '2ndWordToTranslate' : {
            'pt-BR' : `translatedWord`,
            [...]
         }
    },
    nav = window.navigator,
    navLng = nav.language || nav.browserLanguage || nav.userLanguage,
    prefs = nav.languages,
    navPrefLng = prefs[0],
    defaultLng = 'en',
    lng = navLng, //It must be set for translation

    // CHECK THE LANGUAGE OF THE NAVIGATOR.
    checkLng = function checkLng() {
        // isL10nAvailable:
        if (AcceptLngs.indexOf(navPrefLng) < -1) {
            lng = navPrefLng;
            return lng;
        }
    },
    // SEARCH IF LANGUAGE OF THE APP IS AVAILABLE.
    isLngDispo = function isLngDispo() {
        // isSubstrL10nAvailable:
        checkLng();
        if (AcceptLngs.indexOf(navPrefLng) === -1) {
            lng = navPrefLng.substring(0,2);
            return lng;
        }
    },
    // SEARCH IF LANGUAGE OF THE APP IS AVAILABLE.
    setLng = function setLng() {
        // isL10nNoAvailable:
        isLngDispo();
        if (AcceptLngs.indexOf(lng) === -1) {
            lng = defaultLng;
            return lng;
        }
    };
    // APPLYING LANGUAGE FOR THE APP.
    setLng();

我是 JavaScript 的初学者。我的脚本有效。问题是它的执行时间。我从 102 毫秒（没有翻译）到 448 毫秒（有）。

我尝试了循环，但我没有设法让它正常工作。他没有检测到AcceptedLng 中的语言，并自动将nav.language 放入我。

也许，更简单的说，我应该直接在'_getI18N'中搜索，但是我还没有熟悉在数组中搜索，也无法得到任何结果。

信息：为了翻译，我在脚本中使用了 _getI18N[wordToTranslate][lng]。

Answer 1

使用你的数据结构，你可以做这样的事情..

const acceptedLanguages = ['de', 'en', 'es', 'fr', 'it', 'pt'];
const _getI18N = { 
    'x': {
        'en': 'color',
        'en-GB': 'colour'
    },
    'y': {
        'en': 'hello',
        'en-US': 'howdy'
     },
     'z': {}
};

找出并记录客户端和_getI18N字典之间的共同已知语言（基于acceptedLanguages）

const nav = window.navigator;
const clientLanguages = [
    nav.language || nav.browserLanguage || nav.userLanguage,
    ...window.navigator.languages,
    'en'
].filter(Boolean);

const getRoot = lang => lang.split('-')[0];

const langRootIncludes = lang => {
    const root = getRoot(lang);
    return acceptedLanguages.includes(root);
};

const candidateLanguage = clientLanguages.find(
    lang => langRootIncludes(lang)
);
const candidateLanguageRoot = getRoot(candidateLanguage);

所以翻译成常见的已知语言看起来像

const translate = word => {
    const dict = _getI18N[word];
    if (!dict) return word;

    return dict[candidateLanguage] // e.g. first try pt-BR
        || dict[candidateLanguageRoot] // then fall back to pt
        || word; // then fall back to input
};

然后

candidateLanguage; // "en-US"
candidateLanguageRoot; // "en"

translate('x'); // "color", fell back to en
translate('y'); // "howdy", found en-US
translate('z'); // "z", fell back to input (no lang entry)
translate('foo'); // "foo", fell back to input (no entry at all)