javascript - 如何动态翻译 JavaScript 字符串？

Question

如果 html 文档的语言代码设置为西类牙语 (html lang="es")，我需要在以下 JS 中将 2 个字符串动态翻译为西类牙语，即“日期”和“阅读更多”:

$.each(data,function(post, postInfo) {
        jsonArray.push( postEntry + '<a href="' + postInfo.link + '" class="preview-title"><h2>' + postInfo.title + '</h2></a><div class="preview-meta">Date: ' + postInfo.date + '</div><p>' + postInfo.preview + '...</p><div class="read-more"><a href="' + postInfo.link + '" class="link-button">Read more</a></div>' + postFooter);
      });

我不确定如何以最佳方式解决这个问题。

以字符串形式获取语言代码可能会这样:

var languageCode = $('html').attr('lang');

然后你可以实现一个简单的检查，例如:

if (languageCode === 'es') {
 ...
} else {
 ...
}

非常感谢您提供如何解决此问题的建议。

Answer 1

如果您只想翻译 2 种单词 - 翻译库可能有点过分了。

我会做类似的事情

lang = {
    es : {
        readmore : 'Read More In Spanish',
        date     : 'Date in spanish'
    },
    en : {
        readmore : 'Read More',
        date     : 'Date'            
    }
}

var languageCode = $('html').attr('lang');

console.log(lang[languageCode].readmore)
console.log(lang[languageCode].date)