栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何创建多维数组

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何创建多维数组

var numeric = [    ['input1','input2'],    ['input3','input4']];numeric[0][0] == 'input1';numeric[0][1] == 'input2';numeric[1][0] == 'input3';numeric[1][1] == 'input4';var obj = {    'row1' : {        'key1' : 'input1',        'key2' : 'input2'    },    'row2' : {        'key3' : 'input3',        'key4' : 'input4'    }};obj.row1.key1 == 'input1';obj.row1.key2 == 'input2';obj.row2.key1 == 'input3';obj.row2.key2 == 'input4';var mixed = {    'row1' : ['input1', 'inpu2'],    'row2' : ['input3', 'input4']};mixed.row1[0] == 'input1';mixed.row1[1] == 'input2';mixed.row2[0] == 'input3';mixed.row2[1] == 'input4';

http://jsfiddle.net/z4Un3/

如果您想存储DOM元素,请执行以下操作:

var inputs = [    [        document.createElement('input'),        document.createElement('input')    ],    [        document.createElement('input'),        document.createElement('input')    ]];inputs[0][0].id = 'input1';inputs[0][1].id = 'input2';inputs[1][0].id = 'input3';inputs[1][1].id = 'input4';

在附加这些元素之前,无法确定上面的方法是否有用。以下可能是您正在寻找的更多内容:

<input text="text" id="input5"/><input text="text" id="input6"/><input text="text" id="input7"/><input text="text" id="input8"/>    var els = [    [        document.getElementById('input5'),        document.getElementById('input6')    ],    [        document.getElementById('input7'),        document.getElementById('input8')    ]];    els[0][0].id = 'input5';els[0][1].id = 'input6';els[1][0].id = 'input7';els[1][1].id = 'input8';

http://jsfiddle.net/z4Un3/3/

或者,也许是这样的:

<input text="text" value="4" id="input5"/><input text="text" value="4" id="input6"/><br/><input text="text" value="2" id="input7"/><input text="text" value="4" id="input8"/>var els = [    [        document.getElementById('input5'),        document.getElementById('input6')    ],    [        document.getElementById('input7'),        document.getElementById('input8')    ]];var result = [];for (var i = 0; i < els.length; i++) {    result[result.length] = els[0][i].value - els[1][i].value;}

这使:

[2, 0]

在控制台中。如果您想将其输出为文本,则可以

result.join(' ');
,这将为您提供
2 0

http://jsfiddle.net/z4Un3/6/

编辑

和一个有效的演示:

<input text="text" value="4" id="input5"/><input text="text" value="4" id="input6"/><br/><input text="text" value="2" id="input7"/><input text="text" value="4" id="input8"/><br/><input type="button" value="Add" onclick="add()"/>// This would just go in a script block in the headfunction add() {    var els = [        [ document.getElementById('input5'), document.getElementById('input6')        ],        [ document.getElementById('input7'), document.getElementById('input8')        ]    ];    var result = [];    for (var i = 0; i < els.length; i++) {        result[result.length] = parseInt(els[0][i].value) - parseInt(els[1][i].value);    }    alert(result.join(' '));}

http://jsfiddle.net/z4Un3/8/



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432328.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号