javascript - 限制在 javascript 或 jquery 中显示的记录数量。每个循环到 html

Question

我想将我的 javascript .each 循环中的数据量限制为仅 5 条记录

这可行，但肯定看起来像 OLD SCHOOL Hack...

var count = 0;

        $.each(allData, function (index, news) {

            if (count >= 5) {
                return false;

            } else {
                var dateString = news.created;
                var date = new Date(dateString);
                var formattedDateString = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear().toString().substr(2, 2);

                strResult += "<li><ul>" + formattedDateString + " : <a target='_parent' href='http://" + dochomenotlocal + "/doc-home/#/tips/2?paginatePage=1'>" + news.title + "</a> By: " + news.createdby + "</ul></li>";

                count++;
            }

        });

Answer 1

尝试使用Object.keys()创建allData的属性名数组，Array.prototype.slice()进行切片Object.keys() 返回的数组中的前 5 个项目，$.map() 迭代 allData

var data = {
  a: 1,
  b: 2,
  c: 3,
  d: 4,
  e: 5,
  f: 6,
  g: 7
};
// 
$.map(Object.keys(data).slice(0, 5), function(name, index) {
  // do stuff with first 5 property names within `data`
  
  $("body").append(data[name]);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>