在 JavaScript 中显示数组 [关闭]答案

【问题标题】：Displaying array in JavaScript [closed]在 JavaScript 中显示数组 [关闭]
【发布时间】：2017-02-15 21:15:46
【问题描述】：

我有这个数组，它假设每次加载时都会在屏幕上显示一首随机诗。我已经制作了数组，但由于某种原因它没有显示在我的屏幕上。

<link rel="import" href="../bower_components/polymer/polymer.html" />
<dom-module id="poem-element">
  <template>
    <div></div>
    <div id="poems"></div>
  </template>
  <script>
    Polymer({
      is: "poem-element",
      ready: function() {
        var newArray = ["poem1", "poem2", "poem3"];
        var random = (Math.ceil(Math.random() * 4) - 1);
        this.querySelector("#poems").innerHTML= poems[randomPoem];
      }
    })
  </script>
</dom-module>

【问题讨论】：

谢谢，是的，我不知道我在想什么。
您的随机数包含-1 到3 的范围。它应该是0 到2。将其更改为：var random = Math.floor(Math.random() * newArray.length)
...并始终先咨询您的开发者控制台。

标签： javascript arrays polymer components

【解决方案1】：

您的数组称为newArray，而不是poems，您的随机数称为random，而不是randomPoem。试试这个：

<link rel="import" href="../bower_components/polymer/polymer.html"/>

<dom-module id="poem-element">

  <template>

        <div>
    </div>

        <div  id="poems"> </div>

    </template>

    <script>
        Polymer({
            is: "poem-element",
            ready: function () {

   var poems =["poem1", "poem2", "poem3"];
                var randomPoem = Math.floor(Math.random() * newArray.length);
                this.querySelector("#poems").innerHTML= poems[randomPoem];
      }

        })


    </script>

</dom-module>

编辑：根据上面 cmets 中 Squint 的建议，将 random 数字固定在 0 和 2 之间。

【讨论】：