Javascript 推送数组高级

Question

我有一个输出数组的简单分页函数。

exports.pagination = function(currentPage, nrOfPages) {
    var delta = 1,
        range = [],
        rangeWithDots = [],
        l;

    range.push(1);  

    if (nrOfPages <= 1){
    return range;
    }

    for (let i = currentPage - delta; i <= currentPage + delta; i++) {
        if (i < nrOfPages && i > 1) {
            range.push(i);
        }
    }  
    range.push(nrOfPages);

    for (let i of range) {
        if (l) {
            if (i - l == 2) {
                rangeWithDots.push(l + 1);
            } else if (i - l !== 1) {
                rangeWithDots.push('...');
            }
        }
        rangeWithDots.push(i);
        l = i;
    }

    return rangeWithDots;
}

Handlebars :

{{#each pagination}}
            <li class="paginator-item">
                <a href="{{this}}" class="paginator-itemLink">{{this}}</a>
            </li>
{{/each}}

输出:

1 ... 7 8 9 ... 19

效果很好。但我想做的是将“number”和“href”分开所以我可以使用

{{#each pagination}}
            <li class="paginator-item">
                <a href="{{this.href}}" class="paginator-itemLink">{{this.number}}</a>
            </li>
 {{/each}}

但不知道我该怎么做，但做不到。找不到正确的方法。rangeWithDots.push(number:'...',href:'')。尝试了很多方法，但找不到正确的方法

Answer 1

您可以将其作为包含多个属性的对象进行推送。

因此，您可以通过访问对象和相应的属性来读取数组。

我希望这能解决这个问题。

var rangeWithDots = []

rangeWithDots.push({href: "/sample", number: 5})

console.log(rangeWithDots)

//you can access the number by
console.log("number", rangeWithDots[0].number)