javascript - 如何将字符串转换为对象的属性，它也是一个对象

Question

这个问题已经有答案了:

Add a property to a JavaScript object using a variable as the name? (14 个回答)

已关闭 6 年前。

我正在做一些多语言更改，这里是代码 jsfiddle
html 和 jQuery:

var dict = {
	fr: {
  	'hello' : 'Bonjour',
        'bye' : 'Au revoir'
  },
 	en: {
  	'hello' : 'Hello',
        'bye' : 'Bye'
  }
};

function text (lang){
	$('h1').html(dict.lang.hello);
        $('p').html(dict.lang.bye);
};

$('a').click(function (){
	var selected = $(this).attr('title');
        text(selected);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#/" title="fr">fr</a>
<a href="#/" title="en">en</a>
<h1>Bonjour</h1>
<p>Au revoir</p>

我想要的是:单击“en”或“fr”来更改“dict”对象中的文本，我存储了<a>的“标题”标签，但是当我将它作为参数放入函数“text”时，控制台显示“TypeError:dict.lang is undefined”，我明白var selected是一个字符串，不能替换对象中的“fr”和“en”。
那么问题来了:
如何将字符串转换为对象的属性，它也是一个对象？

Answer 1

将其用作dict[lang].hello和dict[lang].bye

var dict = {
	fr: {
  	'hello' : 'Bonjour',
        'bye' : 'Au revoir'
  },
 	en: {
  	'hello' : 'Hello',
        'bye' : 'Bye'
  }
};

function text (lang){
	$('h1').html(dict[lang].hello);
        $('p').html(dict[lang].bye);
};

$('a').click(function (){
	var selected = $(this).attr('title');
        text(selected);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#/" title="fr">fr</a>
<a href="#/" title="en">en</a>
<h1>Bonjour</h1>
<p>Au revoir</p>