Javascript push to array advanced

Question

I have simple pagination function that outputs array.

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}}

output:

1 ... 7 8 9 ... 19

It works well. But what i want to do is to seperate "number" and "href" so i can use

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

But dont know how can i do this but unable. Cant find the correct way. rangeWithDots.push(number:'...',href:''). Tried lot of things but cant find that one correct

Beginner · Accepted Answer · 2018-12-09 15:25:42Z

1

you can push as an object which consist of multiple properties.

So from the array you can read by accessing the object and the corresponding property.

i hope this will solve the issue.

var rangeWithDots = []

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

console.log(rangeWithDots)

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

answered Dec 9, 2018 at 15:25

Beginner

9,20011 gold badges50 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MTCoster · Accepted Answer · 2018-12-09 15:26:07Z

0

You’re almost right! You just need to wrap your parameter to push as an object using {...}:

rangeWithDots.push({ number: ..., href: '...' });

answered Dec 9, 2018 at 15:26

MTCoster

6,1843 gold badges33 silver badges55 bronze badges

Collectives™ on Stack Overflow

Javascript push to array advanced

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related