如何使用JavaScript和for循环只显示x个除数

Question

我使用下面的脚本按降序显示动态数据：

var main = document.getElementById( 'container' );

[].map.call( main.children, Object ).sort( function ( a, b ) {
    return +b.id.match( /\d+/ ) - +a.id.match( /\d+/ );
}).forEach( function ( elem ) {
    main.appendChild( elem );
    }

});

例如，在PHP中，它显示了以下内容：

<div id="container">
  <div id="data-7">data 7</div>
  <div id="data-6">data 6</div>
  <div id="data-5">data 5</div>
  <div id="data-4">data 4</div>
  <div id="data-3">data 3</div>
  <div id="data-2">data 2</div>
  <div id="data-1">data 1</div>
</div>

我只想显示<div id="container">内部的5个部门，所以我尝试将其添加到forEeach中，但没有成功：

for (i = 0; i < 5; i++) {
}

有什么想法吗？

Answer 1

只需使用.slice从数组中提取前五个元素即可

[].map.call( main.children, Object ).sort(...).slice(0, 5).forEach(...)