如何使用 Javascript/jQuery 将数字字符串增加 +1

Question

我有以下变量：

pageID = 7

我想在链接上增加这个数字：

$('#arrowRight').attr('href', 'page.html?='+pageID);

所以这输出 7，我想附加链接说 8。但是如果我添加 +1：

$('#arrowRight').attr('href', 'page.html?='+pageID+1);

我得到以下输出：1.html?=71 而不是 8。

如何将此数字递增为 pageID+1？

Answer 1

试试这个：

parseInt(pageID, 10) + 1

根据您的代码：

$('#arrowRight').attr('href', 'page.html?='+ (parseInt(pageID, 10) + 1));

Answer 2

+恰好是字符串和数字的有效运算符，当两个参数都是数字且至少有一个不是数字时，它会给出不同的结果。 一种可能的解决方法是使用仅具有数字上下文但给出相同数学结果的运算符，例如- 。 some_var - -1将始终与将 1 添加到some_var的数值相同，无论它是否为字符串。

$('#arrowRight').attr('href', 'page.html?='+ (pageID - -1));

Answer 3

所有这些解决方案都假定您要加 1 的数字在整数的机器精度范围内。 因此，如果您在该字符串中有足够大的数字，那么当您向其添加 1 时，数字不会改变。

例如：

parseInt('800000000000000000', 10) + 1 = 800000000000000000

所以我写了一个快速解决问题的方法

function addOne(s) {
    let newNumber = '';
    let continueAdding = true;
    for (let i = s.length - 1; i>= 0; i--) {
        if (continueAdding) {
            let num = parseInt(s[i], 10) + 1;
            if (num < 10) {
                newNumber += num;
                continueAdding = false;
            } else {
                newNumber += '0';
            }
        } else {  
            newNumber +=s[i];
        }
    }
    return newNumber.split("").reverse().join("");
}

现在，使用上面的相同示例

addOne('800000000000000000') + 1 = '800000000000000001'

请注意，它必须保留为字符串，否则您将在最后丢失 1 。

Answer 4

它必须是整数，而不是字符串。 试试这个：

pageID = parseInt(pageID)+1;

然后你可以做

$('#arrowRight').attr('href', 'page.html?='+pageID);

Answer 5

简单地说， $('#arrowRight').attr('href', 'page.html?='+(pageID+1));

括号使计算在字符串连接之前首先完成。

Answer 6

只需将添加的内容括在括号中即可更改操作顺序； 如果 pageID 已经是一个数字，则不需要 parseInt() ：

$('#arrowRight').attr('href', 'page.html?='+(pageID+1));

演示

Answer 7

 let pageId = '7' pageId++ console.log(pageId)

现在，您只需要 pageID++。

Answer 8

只要您的 pageID 是数字，这就足够了：

$('#arrowRight').attr('href', 'page.html?='+(pageID+1));

您看到的问题是 JavaScript 通常按从左到右的顺序执行，因此左侧的字符串导致+被视为连接符，因此它将 7 添加到字符串，然后将 1 添加到字符串包括 7。