选择数组javascript的一部分

时间:2018-06-17 16:51:32

标签: javascript html arrays html5

我尝试选择并编写部分数组。但是我的代码选择了数组的char

有我的来源:

<html>
<meta charset="utf-8">

<body>
      <table border = "1" >
         <tr>
            <th>All Arrays</th>
            <th>Selected Array</th>
         </tr>
         <tr>
            <td><p id="TotalArray"></p></td>
            <td><p id="SelectedId"></p></td>
        </tr>
		</table>

      <table border = "1" >
         <tr>
            <th>PartOne</th>
            <th>PartTwo</th>
         </tr>
         <tr>
            <td><p id="PartOneItem"></p></td>
            <td><p id="PartTwoItem"></p></td>
        </tr>
		</table>



<input type="button" class="button" value="Try" onClick="TryButton();">

<script>

ArrayList = new Array();
	ArrayList[1] = "one.one"+"one.two";
	ArrayList[2] = "two.one"+"two.two";
	ArrayList[3] = "three.one"+"three.two";
	ArrayList[4] = "four.one"+"four.two";
	document.getElementById("TotalArray").innerHTML = [ ArrayList.length-1];

function TryButton(){
ArrayId = Math.floor(Math.random()*3 + 1)
document.getElementById("PartOneItem").innerHTML = ArrayList[ArrayId][0];
document.getElementById("PartTwoItem").innerHTML = ArrayList[ArrayId][1];
document.getElementById("SelectedId").innerHTML = ArrayId;
}
</script>
</body>
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

假设您希望将带有数组的随机值用作libm.soxxx.one的结果。

你需要使用一个数组数组,并且因为数组也是基于索引零的零。这使得随机索引更容易计算,因为可以省略为索引添加一个随机索引。

要获取数组的长度,您不需要数组来包装其中的值。

这在视图中看起来正确,但在内部调用Array#toString方法并返回一个连接字符串,它只是单个项目的值(作为字符串)。

xxx.two
function TryButton() {
    var index = Math.floor(Math.random() * list.length);
    document.getElementById("PartOneItem").innerHTML = list[index][0];
    document.getElementById("PartTwoItem").innerHTML = list[index][1];
    document.getElementById("SelectedId").innerHTML = index;
 }

var list = [
        ["one.one", "one.two"],
        ["two.one", "two.two"],
        ["three.one", "three.two"],
        ["four.one", "four.two"]
    ];

document.getElementById("TotalArray").innerHTML = list.length;