JavaScript嵌套数组获取

我试图通过javascript从嵌套数组中获取数据和显示

我已经创建了这样一个数组

 var products = {Elecrtonics:["Mobile","Tablet","Laptop"],
    fasion:["celio","UCB","PE"],sports:["Puma","Rebock","Nike"]
};

<div class = "container" id="formcontainer">
            <form>
                <div class="form-group col-lg-4 col-md-offset-3">
                    <h1>Welcome</h1>
                    <input type="text" class="form-control search" id="search" placeholder="What is in your mind?">

                </div>
                <div class="form-group col-lg-4 col-md-offset-3">
                    <button class="btn btn-primary" onClick="getData(Electronics)">Elecrtonics</button>
                    <button class="btn btn-primary" onClick="getData(Fasion)">Fasion</button>
                    <button class="btn btn-primary" onClick="getData(Sports)">Sports</button>
                </div>
                <p id = "myProducts"></p>
            </form>
        </div>
        <script>
        var products = {Elecrtonics:["Mobile","Tablet","Laptop"],fasion:["celio","UCB","PE"],sports:["Puma","Rebock","Nike"]};
            function getData (el){          
                document.getElementById("myProducts").innerHTML = products.el;
                    event.preventDefault()  
            }
</script>

我有三个按钮，分别名为电子、时尚、运动当我点击电子按钮时，它应该获取并显示电子阵列[“手机”、“平板电脑”、“笔记本电脑”]与时尚和运动相同

我应该如何处理这个问题？还是我在哪里出了问题

我的整个HTML和JS看起来像这样

 var products = {Elecrtonics:["Mobile","Tablet","Laptop"],
    fasion:["celio","UCB","PE"],sports:["Puma","Rebock","Nike"]
};

<div class = "container" id="formcontainer">
            <form>
                <div class="form-group col-lg-4 col-md-offset-3">
                    <h1>Welcome</h1>
                    <input type="text" class="form-control search" id="search" placeholder="What is in your mind?">

                </div>
                <div class="form-group col-lg-4 col-md-offset-3">
                    <button class="btn btn-primary" onClick="getData(Electronics)">Elecrtonics</button>
                    <button class="btn btn-primary" onClick="getData(Fasion)">Fasion</button>
                    <button class="btn btn-primary" onClick="getData(Sports)">Sports</button>
                </div>
                <p id = "myProducts"></p>
            </form>
        </div>
        <script>
        var products = {Elecrtonics:["Mobile","Tablet","Laptop"],fasion:["celio","UCB","PE"],sports:["Puma","Rebock","Nike"]};
            function getData (el){          
                document.getElementById("myProducts").innerHTML = products.el;
                    event.preventDefault()  
            }
</script>

欢迎
电子学
法辛
体育

var产品={electronics:[“手机”、“平板电脑”、“笔记本电脑”]、fasion:[“celio”、“UCB”、“PE”]、sports:[“彪马”、“Rebock”、“Nike”]；
函数getData（el）{
document.getElementById（“myProducts”）.innerHTML=products.el；
event.preventDefault（）
}

您需要使用通过变量访问属性

 document.getElementById("myProducts").innerHTML = products[el];

还要在引号中传递参数以作为字符串处理，否则它们将作为标识符（变量）处理

欢迎
电子学
法辛
体育

欢迎
电子学
法辛
体育

var产品={electronics:[“手机”、“平板电脑”、“笔记本电脑”]、fasion:[“celio”、“UCB”、“PE”]、sports:[“彪马”、“Rebock”、“Nike”]；
函数getProducts（el）{
document.getElementById（“myProducts”）.innerHTML=products[el]；
event.preventDefault（）
}

---

检查产品[el]并且您需要在引号中传递参数，即

getSports（'Sports'）

检查我想知道我的方法是否正确，因为我无法获得所需的输出。我需要一些建议你的方法是正确的，但是需要一些上面描述的改变link@savaliyaRahul上面的链接中没有任何内容，请提供正确的链接。为什么首先将问题标记为重复，然后从重复中删除？@SavaliyaRahul，我想知道我的方法是否正确，因为我无法获得所需的输出。我需要一些建议，我必须重新打开它，以便其他人能够提供关于该问题未涉及的方法的答案。希望我的观点是清楚的