Javascript变量 - 选择和混合

时间:2013-08-23 20:07:14

标签: javascript

我有两到三个变量要混合成字符串,然后将它们全部放入表中,但我无法弄清楚如何使变量混合。

我拥有的是

 document.write('<table cellspacing="0" cellpadding="5">')

 var a = ["String1", "String2"]
 var n = ["string3", "String4"]

 for(var i=0; i <a.length; i++){
    document.write('<tr'>
    document.write('td' + (a[i]) + (b[i]) +'</td>')
    document.write('</td>')

}
document.write('</table>')

这确实创建了我想要的表,但是它没有执行我正在寻找的功能。

它会创建一个表格:

“string1”“string3”

“string2”“string4'

我正在寻找:

“string1”“string3”

“string1”“string4”

“string2”“string3”

“string2”“string4”

希望这是有道理的。我试过通过互联网和Stack Overflow搜索无济于事。我怎么能做到这一点?最终阵列应该能够增长到每一百个...

4 个答案:

答案 0 :(得分:2)

你需要一个额外的循环 -

for(var i = 0; i < a.length; i++) {
    for (var j = 0; j < b.length; j++) {
        document.write('<tr'>);
        document.write('<td>' + a[i] + b[j] + '</td>');
        document.write('</td>');
    }
}

P.S。:你真的需要使用document.write创建元素吗?如果它是一个例子就没关系,但是在实际开发代码中强烈建议不要使用这种元素创建方式。

答案 1 :(得分:0)

document.write('<table cellspacing="0" cellpadding="5">');

var a = ["String1", "String2"]; 
var b = ["string3", "String4"];

for(var i=0; i <b.length; i++){
    for (var j=0;j<a.length;j++){
        document.write('<tr>');
        document.write('<td>' + (a[i]) + (b[j]) +'</td>');
        document.write('</td>');
    }
} 

document.write('</table>');

答案 2 :(得分:0)

document.write('<table cellspacing="0" cellpadding="5">');

var a = ["String1", "String2"];
var n = ["String3", "String4"];

for (var i = 0; i < a.length; i++)
{
    for (var j = 0; j < n.length; j++)
    {
        document.write("<tr>");
        document.write("<td>" + a[i] + "</td><td>" + n[j] + "</td>");
        document.write("</tr>");
    }
}
document.write("</table>");

基本上,您需要为 a 数组中的每个元素读取整个 n 数组。

答案 3 :(得分:0)

在解决了很多语法错误后,这是一个有效的解决方案:

document.write('<table cellspacing="0" cellpadding="5">')

var a = ["String1", "String2"]
var n = ["string3", "String4"]

for(var i=0; i<a.length; i++){
  for (x=0;x<n.length;x++) {
    document.write('<tr>')
    document.write('<td>' + (a[i]) + (n[x]) +'</td>')
    document.write('</tr>')
  }
}
document.write('</table>')