顺利重复DOM元素的方法

Question

我有兴趣获得一系列相同的（虽然是不同的或克隆的）DOM元素，所以我可以像这样使用它们：

parentElement.append(...arrayOfRepeatingElements);

我提出的最好的是：

[0,0,0].map(() => document.createElement('br'))

或更大的数字：

new Array(100).fill(0).map(() => document.createElement('br'))

或略短：

[...'0'.repeat(100)].map(() => document.createElement('br'))

是否有更干净/更具语义但干嘛和无法表达的方式来做到这一点？

Answer 1

您可以使用array#from

＆＃13;

＆＃13;

var parentElement = document.getElementById('parentElement');
var elements = Array.from({length: 100}, _=> document.createElement('br'));
parentElement.append(...elements);

＆＃13;

<div id='parentElement'></div>

＆＃13;

＆＃13;

＆＃13;