Javascript从动态名称访问嵌套对象

Question

我有这个对象:

var steps = {

    'step0' : {
        tour_title:"Lorem ipsum dolor",
        tour_content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique aliquam justo, quis eleifend metus porta congue. Nam facilisis elit gravida lorem placerat, at ultricies lorem porta. Aenean faucibus libero gravida adipiscing aliquam. Nulla porttitor metus justo, in lacinia purus consectetur consectetur.", 
        position:"midle"
    }, 
    'step1' : {
        tour_title:"Lorem ipsum dolor 2",
        tour_content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique aliquam justo, quis eleifend metus porta congue. Nam facilisis elit gravida lorem placerat, at ultricies lorem porta. Aenean faucibus libero gravida adipiscing aliquam. Nulla porttitor metus justo, in lacinia purus consectetur consectetur.", 
        position:"midle"
    }   
}

我还有一个变量定义我所在的步骤(它在我的 js 文件外部声明):

var user_step = <?php echo $this->tourfinder($user_id); ?> // let's use var user_step = 0 for the example

我要写的内容完全错误，但这是我想使用的逻辑:

var actual_tour_title = steps.step+user_step+.tour_title; // so it should give step.step0.tour_title 

以这种方式访问​​它的正确方法是什么？我在 stackoverflow 和其他网站上读过几篇关于 javascript 中的数组和对象的文章，但我不明白为什么它不能像 php 那样简单。

Answer 1

JavaScript 中的对象只是存储为关联数组，因此检索属性就像使用属性名称作为键一样简单。

steps["step" + user_step].tour_title;