获取数组中的随机项作为值,支持复数

问题描述 投票:-1回答:2

我有这种形式的资源字符串:

MY_VARIATIONS: {
      1: {
         KEY_WITH_COUNT: "{{count}} day remaining",
         KEY_WITH_COUNT_plural: "{{count}} days remaining"
      },
      2: {
         KEY_WITH_COUNT: "{{count}} day to go",
         KEY_WITH_COUNT_plural: "{{count}} days to go"
      }
}

然后当我在我的javascript代码中使用函数t时,我做:

t('MY_VARIATIONS.1.KEY_WITH_COUNT', {count: daysToGo});

但是这会选择阵列中的第一个项目,而我想要一个随机的项目。有没有办法初始化i18n o调整插值过程让它在MY_VARIATIONS中返回一个随机项? (理想情况下在i18next init中,所以我不必创建外围代码来执行此操作)

javascript i18next
2个回答
2
投票

您可以通过MY_VARIATIONS获取Object.keys中的所有密钥(因为它们都是自己的,可枚举的属性),它为您提供了一个数组。然后从数组中选择一个随机密钥并使用字符串连接:

const keys = Object.keys(MY_VARIATIONS);
t('MY_VARIATIONS.' + keys[Math.floor(Math.random() * keys)] + '.KEY_WITH_COUNT', {count: daysToGo});

这假设代码可以访问MY_VARIATIONS。除非i18next库专门支持随机变化(这似乎不太可能),否则我认为没有合理的方法。


0
投票

我设法通过改变资源字符串的结构来解决它,如下所示:

KEY_WITH_COUNT: ['{{count}} day remaining', '{{count}} day to go'],
KEY_WITH_COUNT_plural: ['{{count}} days remaining', '{{count}} days to go']

然后初始化i18next并覆盖t函数,如:

process(callerObject, locale, resourceStrings) {
    const localisationClient = i18n.init({
        lng: locale,
        resources: resourceStrings,
        returnObjects: true
    });
    localisationClient.localise = function localise() {
        const args = arguments;
        const value = i18n.t(...args);
        if (Array.isArray(value)) {
            return value[Math.floor(Math.random() * value.length)];
        }
        return value;
    };
    callerObject.t = function translate(...args) {
        return localisationClient.localise(...args);
    }
}

然后我会像这样使用它:

callerObject.t('KEY_WITH_COUNT', {count: 1}); // "1 day remaining"
callerObject.t('KEY_WITH_COUNT', {count: 1}); // "1 day to go"
callerObject.t('KEY_WITH_COUNT', {count: 2}); // "2 days remaining"
callerObject.t('KEY_WITH_COUNT', {count: 2}); // "2 days to go"
© www.soinside.com 2019 - 2024. All rights reserved.