map で展開させた後の代入を、複数の if を使わずに処理したい。

Question

お世話になります。

Tags = "dict_en something1 something2"

        '{{Tags}}'.split(' ').map((tag) => {
          if (tag === 'dict_en') {
            var integrated_dict = 'dict_en'
          } else if (tag === 'dict_ja') {
            var integrated_dict = 'dict_ja'
          } else if (tag === 'dict_ch') {
            var integrated_dict = 'dict_ch'
          } else if (tag === 'dict_fr') {
            var integrated_dict = 'dict_fr'
          }

integrated_dict という変数に、１つの値を代入したいのですが、
if を複数書くことで対応しており、コードが長くなってしまっています。
どのようにすればシンプルになるのでしょうか？

ちなみに、最初にヒットした要素１つを代入できれば良いため、上記のようなコードとなりました。

Comments

[yambejp]

「'{{Tags}}'」はjavascriptの標準の仕様では無いと思います
varを連発するのもいただけません。先行して
let integrated_dict;
を宣言しておけばよいでしょう

[maisumakun]

・この4つ以外の値が入っていた場合は、どうすればいいですか？
・integrated_dictはmapのコールバック内のローカル変数となりますが、それは意図した挙動ですか？

Answer 1

最初にヒットした要素１つを代入できれば良い

こうですか？

var integrated_dict = "";

"dict_en something1 dict_ch".split(' ').some((tag) => {
    if ([
        'dict_en',
        'dict_ja',
        'dict_ch',
        'dict_fr',
    ].includes(tag)) integrated_dict = tag
    return integrated_dict
})

integrated_dict; // "dict_en"

Comments

[Lhankor_Mhy]

ふつうに for of と break で書いた方が読みやすそう……

[kento_ar]

ご回答ありがとうございます。ベストアンサーにできず申し訳ございません。大変勉強になりました。参考にさせていただきます。

Answer 2

find()でいいのでは?

const integrated_dict = 
    "dict_en something1 dict_ch"
        .split(' ')
        .find(tag =>[
            'dict_en',
            'dict_ja',
            'dict_ch',
            'dict_fr',
        ].includes(tag))

console.log(integrated_dict) // dict_en

Comments

[Lhankor_Mhy]

たしかに！

Answer 3

戻り値がないならmapじゃなくてforEachですかね

const Tags = "dict_en something1 something2"
let integrated_dict;
Tags.split(' ').forEach(tag=>{
  if(['dict_en','dict_ja','dict_ch','dict_fr'].includes(tag)){
    integrated_dict = tag;
  }
});
console.log(integrated_dict);

Comments

[kento_ar]

解決いたしました。誠にありがとうございました。

[Lhankor_Mhy]

これですと、「最初にヒットした要素１つを代入」ではなくて最後にヒットした要素ひとつになると思いますが、それほど重要な条件ではなかった感じですかね？ > kento_arさん

[yambejp]

＞ 最初にヒットした要素１つを代入

見落としてました
Tags.split(' ').forEach(tag=>{
if(['dict_en','dict_ja','dict_ch','dict_fr'].includes(tag) && !integrated_dict){
integrated_dict = tag;
}
});