javascript - jQuery 两列(一维)数组？

Question

我有一个简单的一维数组，但我想使用 jQuery 将长列表分成两列。我怎样才能实现这个目标？

var articles = ['article10','article9','article8','article7','article6','article5','article4','article3', 'article2', 'article1'];
for ( var articCounter = articles.length; articCounter > 0; articCounter--) {
    document.write('<a href="../articles/' + articles[articCounter-1] + '.pdf" > ' + articles[articCounter-1] + '</a></br>');  
} // end for

我不想为两个不同的浮点div创建两个不同的数组....我已经在 google 上搜索过很多次了，但还有许多其他方法可以处理多维数组。

非常感谢您提前提供的帮助。

编辑:现在它只是一个长列表，如下所示:

第1条
第2条
第三条
....

但我想实现这一目标:

Answer 1

这会将您的数组分成 2 个数组:

var articles = ["article1", "article2", "article3", "article4", "article5", "article6", "article7", "article8", "article9", "article10"];   
var separatorIndex = articles.length & 0x1 ? (articles.length+1)/2 : articles.length/2;

var firstChunk = articles.slice(0,separatorIndex); 
//["article1", "article2", "article3", "article4", "article5"] 
var secondChunk = articles.slice(separatorIndex,articles.length); 
//["article6", "article7", "article8", "article9", "article10"] 

然后您可以在您想要的地方和/或方式使用它们。

说明

第二行找到一个 anchor 索引(别名 -> 分割的中间索引)，通过该索引数组应分为 2 个 block 。数组的长度可以是奇数和偶数，必须区分这两种情况。由于不可能将奇数长度数组分成 2 个相等部分，因此必须以这样的方式进行划分:第一个 block 将具有多或少 1 个元素，比第二个 block 。在这里，我实现了第一种情况，即第一个 block 将比第二个 block 多 1 个元素。以下是不同情况的示例:

total length | 1st (length) | 2st (length) | separatorIndex 
    10            0-4 (5)        5-9 (5)          5        
    11            0-5 (6)       6-10 (5)          6
    12            0-5 (6)       0-11 (6)          6

在表中，number-number 语法相应地显示数组中的开始和结束索引。除法是由 .slice() 完成的功能。