javascript - 如何将数组中的表格排列成原型？

Question

所以，我想修改 Array 以便它在表格中逐行显示其内容。使用下面的代码，它会逐步显示每个元素多次出现的代码。

如何解决这个问题？谢谢。

$(function() {

Array.prototype.ToTable=function(){

tabelul="<center><table border><tr>";

for(a=0; a<this.length;a++){

this[a]=tabelul+="<td> <div class='Expresion'>" + this[a] + "</div></td></tr>"
}


}

vaz=['one', 'two', 'three','four'];


vaz.ToTable();

$('#show').html(vaz)
})

<div id="show"></div>

Answer 1

我相信你的意思是这样的：

for(a=0; a<this.length;a++){
 tabelul+="<tr><td><div class='Expresion'>" + this[a] + "</div></td></tr>";
}

您应该构建tabelul变量然后返回它。

这是一个这样做的例子

这是一个行演示：http: //jsfiddle.net/2zchT/2/

html:

<div id="show"></div>

js：

$(function() {
 Array.prototype.ToTable=function(){
  var tabelul = "<center><table border>";
  for(var a=0; a<this.length;a++){
   tabelul += "<tr><td><div class='Expresion'>" + this[a] + "</div></td></tr>"
  }
  tabelul += "</table></center>";
  return tabelul;
 };
 vaz=['one', 'two', 'three','four'];
 $('#show').html(vaz.ToTable())
})

编辑

您应该在构建表之前植入该数据。

var Links= new Array(); 
Links[0]='<a href="http://location.com/"><img src="http://photo1.com/"></a>'; 
Links[1]='<a href="http://location.com/"><img src="http://photo2.com/"></a>'; 
Links[2]='<a href="http://location.com/"><img src="http://photo3.com/"></a>'; 
Links[3]='<a href="http://location.com/"><img src="http://photo4.com/"></a>'; 
Links[4]='<a href="http://location.com/"><img src="http://photo5.com/"></a>';

var vaz=['one', 'two', 'three','four'];

for( var i = 0; i < vaz.length; i++ )
{
 vaz[i] = Links[i] + vaz[i];
}

这是一个演示：http: //jsfiddle.net/2zchT/4/