javascript returnの記法について

Question

いつもお世話になっています。
本日もまた疑問に思ったコードを解決させてください。

サイトを巡回中以下のような箇所を見つけました※抜粋

    str = str.replace(/%../g,function(val){
                                return{
                                  '%2f':'/',
                                  '%3c':'<'
                                }[val]
                              })

[val]がない場合はreturnされた値は[Object]で出力されてしまいます。
このreturnの後の[val]の部分は何を期待して書かれているのでしょうか？

Answer 1

ご提示のコードを下記のように変形することで, 文字列%2fに対して/を, %3cに対して<を返そうとしていることが判ります.

str = str.replace(/%../g, 
function(val){
  const map = {
    '%2f':'/',
    '%3c':'<'
  };
  return map[val];
});

Comments

[wp-h]

理解しやすいソースを提示していただき助かりました。
これなら納得できます、回答ありがとうございました。

Answer 2

return {
  '%2f':'/',
  '%3c':'<'
}[val]

// ↑は↓のように書き換えれる。

var obj = {};
obj['%2f'] = '/';
obj['%3c'] = '<';
return obj[val];

// どちらもobj[val]は連想配列のキーを指定して値を取得するためのもの

Comments

[wp-h]

なるほど、このような書き換えになるのですね！先に投稿していただいた方と合わせて大変参考になりました！