javascript-如何为js变量设置最小和最大边界？

我目前正在使用vuejs进行分页.这是我的阿尔及利亚数据.

我正在检查用户是否按下了上一个按钮/下一个按钮或直接输入(1、2、3等)

    setPage: function(page) {
            if(page === 'previous') {
                // go back one page
                this.currentPage--;
                this.helper.setCurrentPage(this.currentPage).search();
            } else if(page === 'next') {
                // go forward one page
                this.currentPage++;
                this.helper.setCurrentPage(this.currentPage).search();
            } else {
                // change the currentPage with direct select(no prev/next button)
                this.helper.setCurrentPage(page).search();
            }

            // update the currentPage
            this.currentPage = this.helper.getCurrentPage();
        }

这工作正常,但我只有0-4页(页面从0开始).如何确保我的currentPage变量不会出现负数或超出我拥有的最大页面数？

我猜想使用另一个if语句可以工作,但是感觉有点草率.我正在学习javascript和vue.js,所以我想知道是否有更好的方法.

解决方法:

创建行为类似于属性的方法：

function nextPage(pageParam){
    if (page > MAX) {
        // Disable next btn enable prev btn
    } else { 
        // advance page 
    }
} 

function prevPage(pageParam){
    if (page =< 0 ) {
        // Disable prev btn enable next btn
    } else { 
        // go back a page 
    }

} 

无论您在哪里调用决策程序(this.currentPage–),您都将调用prevPage.这使您可以集中管理行为.例如,如果您在最后一页上单击下一步时决定将其转盘,则可以转到第一页,您可以将它放在一个地方.

标签：algolia,vue-js,json,javascript,jquery
来源： https://codeday.me/bug/20191027/1947386.html