如何创建多维数组

如何创建多维数组,第1张

如何创建多维数组
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/



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5110804.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-17
下一篇 2022-11-17

发表评论

登录后才能评论

评论列表(0条)

保存