Question

How to format a number as a percent in JavaScript

Answer 1

function formatNumberAsPercentage(num) {
  	return new Intl.NumberFormat('default', {
    		style: 'percent',
    		minimumFractionDigits: 2,
    		maximumFractionDigits: 2,
  	}).format(num / 100);
}

console.log(formatNumberAsPercentage(25.6)); 
console.log(formatNumberAsPercentage(30)); 



  
  
  
/*
run:
  
"25.60%"
"30.00%"
  
*/

 

70+ SQL courses for beginners and professionals

Answer 2

let n = 25.6;
console.log(parseFloat(n).toFixed(2) + "%");

n = 30;
console.log(parseFloat(n).toFixed(2) + "%");

n = 0;
console.log(parseFloat(n).toFixed(2) + "%");



  
  
  
/*
run:
  
"25.60%"
"30.00%"
"0.00%"
  
*/

 

70+ SQL courses for beginners and professionals

Answer 3

function formatNumberAsPercentage(num) {
  	return Number(num / 100).toLocaleString(undefined,
                  {style: 'percent', minimumFractionDigits:1}); 
}

console.log(formatNumberAsPercentage(25.6)); 
console.log(formatNumberAsPercentage(30)); 



  
  
  
/*
run:
  
"25.6%"
"30.0%"
  
*/

 

70+ SQL courses for beginners and professionals