Javascript Integer Array Error

Question

I'm making a function that takes in user input and must display it as 7 characters i.e. if 42.54 was entered it would display 0004254. My issue is that I'm taking an integer and applying it to an array causing an undefined error when applying the 0's

function BackDataDefaultInput() {
// Balance
    var count;
    var newNum = "";
    var balanceText = document.getElementById('balanceNumBox').value;
    count = balanceText.length;

while (count > 0 && count < 7) {
    newNum += '0';
    count++
}
var formattedBalance = parseInt(balanceText, 10) * 100;
for (var i = 0; i < balanceText.length; i++) {
    formattedBalance[i] = new Array();
    // Error here showing as undefined for formattedBalance[i]
     newNum += formattedBalance[i];
}

This code worked before I had to multiply it by 100 to get the right format. as I was just appending two strings. Can somebody help me think of a solution?

CertainPerformance · Accepted Answer · 2018-08-10 08:57:02Z

2

Primitives (like numbers) are immutable; if you have

var formattedBalance = parseInt(balanceText, 10) * 100;

you can't proceed to reassign index properties like

formattedBalance[i] = new Array();

It would probably be easier to remove the (possible) period with a regex and use padStart rather than mess with arrays:

function BackDataDefaultInput() {
  const balanceText = '42.54'; // document.getElementById('balanceNumBox').value;
  console.log(
    balanceText
      .replace(/\./g, '')
      .padStart(7, '0')
  );
}
BackDataDefaultInput();

answered Aug 10, 2018 at 8:57

CertainPerformance

374k55 gold badges354 silver badges359 bronze badges

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

Comments

gihandilanka · Accepted Answer · 2018-08-10 09:19:49Z

0

Try to use following function.

var balanceText = "42.54"; //document.getElementById('balanceNumBox').value;
var formattedBalance = balanceText * 100;

function formatInteger(str, max) {
  str = str.toString();
  return str.length < max ? formatInteger("0" + str, max) : str;
}

console.log(formatInteger(formattedBalance, 7));

edited Aug 10, 2018 at 9:19

answered Aug 10, 2018 at 9:14

gihandilanka

6157 silver badges15 bronze badges

2 Comments

ca098 Over a year ago

I'm no longer getting 'Undefined' now. But the output for 42.54 is 0004200, and 4254 is 0425400. So it seems to be appending two final 0's. I have an input mask function to only accept up to 0000.00 i.e. 4 numbers and 2 decimals if that is making any difference

gihandilanka Over a year ago

change "var formattedBalance = parseInt(balanceText, 10) * 100;" code in to "var formattedBalance = balanceText * 100;"

ca098 · Accepted Answer · 2018-08-10 14:47:17Z

0

Answer to my question in case it helps anyone that comes across this page:

function BackDataDefaultInput() {
    var balanceText = document.getElementById('balanceNumBox').value;
    var balance = parseFloat(balanceText) * 100;
    balanceText = String(balance);

while (balanceText.length > 0 && balanceText.length < 7) {
    balanceText = '0' + balanceText;
    }
}

answered Aug 10, 2018 at 14:47

ca098

687 bronze badges

Collectives™ on Stack Overflow

Javascript Integer Array Error

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related