JSONの中で変数を使いたい

Question

前提・実現したいこと

JSONで簡単な翻訳リストを作っています。
翻訳結果に変数を使いたいです。

発生している問題

翻訳結果に変数を使うため、以下 dictionaries1 という変数を、dictionaries2 という関数にしました。

しかし関数では取得が遅くなるではないかという問題が生じました。

この取得について dictionaries1 や dictionaries2 よりも早くしたいのですが、良い方法はありますでしょうか？

該当のソースコード（dictionaries1を使う）

現状の翻訳リストはこうなっております。
dictionaries1 は var で宣言しており、この中の翻訳結果に変数が使えません。

var dictionaries1 = 
{
	"buttons":
	{
		"a": 
		{
			"ja" : "送信"
			,"en" : "send"
		},
		"b": 
		{
			"ja" : "取得"
			,"en" : "get"
		} 
	}
}
const txt = dictionaries1['buttons']['a']['ja'];
console.log( txt ); // 「送信」という翻訳結果が取得される

試したこと（dictionaries2を使う）

翻訳結果に変数を使うために思いついたのが、上の dictionaries1 という変数を、下の dictionaries2 のように引数を持つ関数とすることです。

こうして引数 variable に渡したものが翻訳結果に使えるようになりました。

しかし dictionaries1 よりも取得が遅くなってしまったと思い、質問させて頂いた状況です。

var dictionaries2 = function( variable ){
const obj = {
	"buttons":
	{
		"a": 
		{
			"ja" : "送信"
			,"en" : "send"
		},
		"b": 
		{
			"ja" : "取得"
			,"en" : "get"
		} 
	},
	"sns": 
	{
		"twitter": 
		{
			"ja" : variable + "さんのtwitter"
			,"en" : ""
		}
	}	
}
return obj;
}
const txt = dictionaries2('鈴木')['sns']['twitter']['ja'];
console.log( txt ); // 「鈴木さんのtwitter」という翻訳結果が取得される

試したこと（dictionaries1とdictionaries3を使う）

続いて、翻訳結果に変数が必要な場合だけ、次のように分ける方法も考えました。

つまり変数が不要な方は従来と一緒で、必要な方だけ関数化しておくという方法です。これなら遅くなるのは最小限で済むと思いました。

ですがまとまりが悪く感じて違和感を覚えます。

// 変数が不要な方
var dictionaries1 = 
{
	/* 略 */
}
const txt = dictionaries1['buttons']['a']['ja'];
console.log( txt ); // 「送信」という翻訳結果が取得される

// 変数が必要な方
var dictionaries3 = function( variable ){
const obj = {
	"sns": 
	{
		"twitter": 
		{
			"ja" : variable + "さんのtwitter"
			,"en" : ""
		}
	}	
}
return obj;
}
const txt = dictionaries3('鈴木')['sns']['twitter']['ja'];
console.log( txt ); // 「鈴木さんのtwitter」という翻訳結果が取得される

以上の経緯から、翻訳結果に変数を使いつつ、早く取得できる方法があればと思いこちらへのご質問とさせて頂きました。

長くなってしまいすみません。もしご協力いただける方がいらっしゃいましたらよろしくお願い致します。

補足情報

事情があって、辞書リストの階層は変更したくないです。

Answer 1

こんにちは

一案として、ご質問にある variable + "さんのtwitter" の部分を、

"@{person}さんのtwitter"

のように、可変部分を @{person} のような、独自仕様の変数記述を含む文字列にしておいて、取り出した後で置き換えることです。以下、その例です。

const dictionaries = {
  buttons: {
    a: {
      ja: "送信",
      en: "send"
    },
    b: {
      ja: "取得",
      en: "get"
    }
  },
  sns: {
    twitter: {
      ja: "@{person}さんのtwitter",
      en: ""
    }
  }
};


console.log(dictionaries.sns.twitter.ja.replace('@{person}', '鈴木')); // => "鈴木さんのtwitter"

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/gObLGdB?editors=0012

@{person} でなくても、置き換えられる部分であることが目視で分かりやすければよいので、 #person や %name% などでもかまいません。

上記と考え方は同じですが、@{person} のような独自フォーマットを導入することは避けたいのであれば、よく知られたフォーマットとして

"%sさんのtwitter"

のように、いわゆるprintfの書式化文字列にしておいて、何らかのsprintfライブラリを使うことも考えられます。以下は、そのサンプルです。

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/bGNBoJP?editors=0012

参考になれば幸いです。

Comments

[hukurikousei]

頭よすぎますｗご返信遅くなりまして大変申し訳ございませんでした。様々な工夫をありがとうございます。

[jun68ykt]

どういたしまして。何かヒントになれば幸いです。

[hukurikousei]

ヒントどころか、どちらの解決策にしようかについて悩めるなんて贅沢です。今回はreplaceにしましたが、それにしてsprintf.min.jsなんてあったんですね。覚えておきます。ご返信ありがとうございました。