javascript - 如何在javascript中通过另一个变量来增加一个变量

Question

这个问题已经有答案了:

Adding two numbers concatenates them instead of calculating the sum (24 个回答)

已关闭 8 年前。

完整代码如下

我想将变量中的数字添加到增量变量中，但它们不相加。相反，它们被连接起来。

这一行

countScroll-=parseInt(scrollWidth_g);

如果“scrollWidth_g”是300并且“countScroll”是10，我得到10300并且我想要310；

$(document).ready(function(e) {
    var countScroll = 10;
    $(document).on('click', '.scroller_g_nav', function(){
        var nav = $(this).attr('data-nav');
        var scrollWidth = $('.scroller_g').attr('data-scrollwidth');
        if (typeof scrollWidth == 'undefined'){
        var scrollWidth_g = 200;
        } else {
            var scrollWidth_g = scrollWidth;
            }

        if (nav == 'left'){         
                countScroll-=parseInt(scrollWidth_g);
                $('.scroller_g').animate({scrollLeft:countScroll},600);
            } else {
                countScroll+=scrollWidth_g;
                $('.scroller_g').animate({scrollLeft:countScroll},600);
        }
    });
});

Answer 1

减法时不需要解析字符串数字(“123”)，但加法时需要解析。

Example: "12" - 1 = 11
         "12" + 1 = 121 //here you need to parse string to number to get correct result 
         parseInt("12") + 1 = 11 


It works : 

    if (nav == 'left'){         
                countScroll -= parseInt(scrollWidth_g);
                $('.scroller_g').animate({scrollLeft:countScroll},600);
            } else {
                countScroll += parseInt(scrollWidth_g);
                $('.scroller_g').animate({scrollLeft:countScroll},600);
    }