How to add string number value in javascript?

Question

I have two variable. both have some value like.

var position = "340px";
var end_position = "4px";
var final = position + end_position;
//result comes NAN 
// sometime it return 340px4px
// i want 344px

how do i add these value to get desirable result. Help will be appreciated.

you need to remove x from string and use parseInt javascript function — Navin Kumar
– Navin Kumar, Commented Mar 18, 2018 at 12:46
Ideally you shouldn't store units along with the position value. It should be a unit-less number. Add unit just before actual usage. — Mohammad Usman
– Mohammad Usman, Commented Mar 18, 2018 at 15:13

Tomasz Mularczyk · Accepted Answer · 2018-03-18 12:47:47Z

2

You could use parseInt

var position = "340px";
var end_posiiton = "4px";
var final = parseInt(position, 10) + parseInt(end_position,10) + "px";

answered Mar 18, 2018 at 12:47

Tomasz Mularczyk

36.4k19 gold badges118 silver badges176 bronze badges

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

2 Comments

connexo Over a year ago

What is the additional parameter 10 for? Decimal system?

Tomasz Mularczyk Over a year ago

"radix - Optional. A number (from 2 to 36) that represents the numeral system to be used"

Eddie · Accepted Answer · 2018-03-18 12:47:24Z

1

You can use parseInt (or parseFloat depends on number) and add both numbers

var position = "340px";
var end_position = "4px";
var final = ( parseInt(position) + parseInt(end_position) ) + "px";

console.log( final )

answered Mar 18, 2018 at 12:47

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Comments

Ele · Accepted Answer · 2018-03-18 12:50:05Z

You're concatenating strings rather than adding numbers, to avoid that, you can remove anything different than a number (i.e: using regex) and then execute the add operation. Further, you need to convert the operands as numbers.

To convert the operands as numbers, you can use either the object Number or simply prefix them with +.

Prefixing with +

var position = "340px";
var end_position = "4px";
var final = +position.replace(/[^\d]/g, '') + +end_position.replace(/[^\d]/g, '') + 'px';

console.log(final)

Using the object Number

var position = "340px";
var end_position = "4px";
var final = Number(position.replace(/[^\d]/g, '')) + Number(end_position.replace(/[^\d]/g, '')) + 'px';

console.log(final)

medyas · Accepted Answer · 2018-03-18 12:50:34Z

1

you need to convert the string to int, do the sum the convert them back to strings

    var position = "340px";
    var end_position = "4px";
      var final = (parseInt(position) + parseInt(end_position)).toString()+"px";
console.log(final);
  //result comes NAN 
  // sometime it return 340px4px
  // i want 344px

answered Mar 18, 2018 at 12:50

medyas

1,28615 silver badges22 bronze badges

1 Comment

georg Over a year ago

technically, toString() is superfluous.

connexo · Accepted Answer · 2018-03-18 12:56:11Z

0

One more variation to do it using Array.prototype.split:

var position = "340px"
var end_position = "4px"
var final = +position.split('px')[0] + +end_position.split('px')[0] + "px"

console.log(final)

answered Mar 18, 2018 at 12:56

connexo

57.2k15 gold badges112 silver badges149 bronze badges

Collectives™ on Stack Overflow

How to add string number value in javascript?

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related