如何将二维数组的值输出到文本区域？

发布于 2024-10-26 12:40:16 字数 1314 浏览 1 评论 0原文

我可以访问二维数组的第一个维度，但如何访问第二个维度？我想使用 \t 和 \n 等转义序列以类似表格的方式在文本区域中显示数组的值。

到目前为止我的来源：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <title></title>
            <script type="text/javascript">
                var txt = "";
                var Person = new Array(4);
                for (var i=0; i<4; i++)
                    Person[i] = new Array(5);
                function display()
                    {
                        for (i = 0; i< 4; i++)
                        {
                            txt += "Person " + i + \t;
                            for (var j = 0; j < 5; j++)
                                txt += Person[i][j] + \t;
                            txt += \n;
                        }
                        document.getElementById("results").innerHTML = txt;
                    }
            </script>
        </head>
        <body>
            <form id="input">
<input type="submit" value="Submit" onclick="display()" /><br />
                <textarea id="results" rows="7" cols="39"></textarea>
            </form>
        </body>
    </html>

原文

I can access the first dimension of the two-dimensional array but how would I access the second one? I want to display values of the array in a text-area in a table like way using escape sequences like \t and \n.

My source so far:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <title></title>
            <script type="text/javascript">
                var txt = "";
                var Person = new Array(4);
                for (var i=0; i<4; i++)
                    Person[i] = new Array(5);
                function display()
                    {
                        for (i = 0; i< 4; i++)
                        {
                            txt += "Person " + i + \t;
                            for (var j = 0; j < 5; j++)
                                txt += Person[i][j] + \t;
                            txt += \n;
                        }
                        document.getElementById("results").innerHTML = txt;
                    }
            </script>
        </head>
        <body>
            <form id="input">
<input type="submit" value="Submit" onclick="display()" /><br />
                <textarea id="results" rows="7" cols="39"></textarea>
            </form>
        </body>
    </html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天邊彩虹 2024-11-02 12:40:16

再简单不过了：替换

<!-- stuck here -->

为

Person[i][j];

您已将 Person 设为数组的数组。对于 Person[i]，您已经获得了它的第 i 元素，它是一个数组。使用 Person[i][j]，您就获得了该内部数组的第 j 元素。

您也可以这样写：

var array = Person[i];
innerHTML += array[j];

作为旁注，我会在将文本分配给innerHTML属性之前组装您的文本，这样要快得多：您现在编写的方式意味着每次都要查找文本区域，获取其innerHTML，添加我们的位，并将其重新分配给innerHTML 属性。

Couldn’t be easier: replace

<!-- stuck here -->

Person[i][j];

You've made Person an array of arrays. With Person[i], you’ve got its ith element, which is an array. With Person[i][j], you’ve got the jth element of that inner array.

You could also write it like this:

var array = Person[i];
innerHTML += array[j];

As a side note, I’d assemble your text before assigning it to the innerHTML property, it’s a lot faster: the way you’ve written it now means looking up the textarea each time, fetching its innerHTML, adding our bit to it, and reassigning it to the innerHTML property.

回复收藏 0 原文

~没有更多了~