Javascript 阅读表格的最佳方式是什么？_Javascript

Javascript 阅读表格的最佳方式是什么？

javascript

Javascript 阅读表格的最佳方式是什么？,javascript,Javascript,我制作了一个表格，可以选择不同的值（x和y）：你可以看到，如果X=14，Y=16，Z值应该是45，如果X=30，Y=20，Z值应该是78。但是用JavaScript创建该表的最佳方法是什么？MySQL数据库将是最好的选择，但我希望没有数据库的解决方案。这可能吗？您可以使用二维数组来存储表。然后给12，14，16。。。索引。您也可以使用自制对象或普通阵列来实现这一点。然后，当选择值时，可以查找结果并将其显示在div中像这样： <html> <head>

我制作了一个表格，可以选择不同的值（x和y）：

你可以看到，如果X=14，Y=16，Z值应该是45，如果X=30，Y=20，Z值应该是78。但是用JavaScript创建该表的最佳方法是什么？MySQL数据库将是最好的选择，但我希望没有数据库的解决方案。这可能吗？

您可以使用二维数组来存储表。然后给12，14，16。。。索引。您也可以使用自制对象或普通阵列来实现这一点。然后，当选择值时，可以查找结果并将其显示在div中

像这样：

     <html>
<head>
    <script type="text/javascript">
        var p = {
            table: [[16, 32], [8, 19]],
            horizontal: [12, 15],
            vertical: [6, 14],
            selectOnchange: function() {
                var x = document.getElementById("x").value;
                var y = document.getElementById("y").value;
                document.getElementById("z").value = this.table[Number(x)][Number(y)];
            }
        };
    </script>
</head>
<body>
    <div>
        x: <select id="x" onchange="p.selectOnchange()"><option value="0">12</option><option value="1">15</option></select><br />
        y: <select id="y" onchange="p.selectOnchange()"><option value="0">6</option><option value="1">14</option></select><br />
        <input id="z"/>
    </div>
</body>
</html>


var p={
表：[[16,32]，[8,19]]，
横向：[12,15]，
垂直：[6,14]，
selectOnchange:function（）{
var x=document.getElementById（“x”）.value；
var y=document.getElementById（“y”）.value；
document.getElementById（“z”）.value=this.table[Number（x）][Number（y）]；
}
};
x:1215

y:614

二维数组怎么样，其中x和y是键：

var myarray = new Array();
myarray[14] = new Array();
myarray[14][14] = 36;
myarray[14][16] = 45;
...

alert(myarray[14][16]); // Get Z-value for X: 14, Y: 16

     <html>
<head>
    <script type="text/javascript">
        var p = {
            table: [[16, 32], [8, 19]],
            horizontal: [12, 15],
            vertical: [6, 14],
            selectOnchange: function() {
                var x = document.getElementById("x").value;
                var y = document.getElementById("y").value;
                document.getElementById("z").value = this.table[Number(x)][Number(y)];
            }
        };
    </script>
</head>
<body>
    <div>
        x: <select id="x" onchange="p.selectOnchange()"><option value="0">12</option><option value="1">15</option></select><br />
        y: <select id="y" onchange="p.selectOnchange()"><option value="0">6</option><option value="1">14</option></select><br />
        <input id="z"/>
    </div>
</body>
</html>

var myarray = new Array();
myarray[14] = new Array();
myarray[14][14] = 36;
myarray[14][16] = 45;
...

alert(myarray[14][16]); // Get Z-value for X: 14, Y: 16