如何在 JavaScript 中用逗号打印一个数字作为千位分隔符？

方法 1：使用 Intl.NumberFormat()

• Intl.NumberFormat()对象用于以语言敏感格式表示数字。根据指定的语言环境，它可用于表示货币或百分比。
• 该对象的 locales 参数用于指定数字的格式。 'en-US' 语言环境用于指定语言环境采用美国和英语的格式，其中数字用千位之间的逗号表示。
• 此对象的format()方法可用于返回指定语言环境和格式选项中的数字字符串。这将在数千个位置用逗号格式化数字，并返回一个带有格式化数字的字符串。

句法：

nfObject = new Intl.NumberFormat('en-US')
nfObject.format(givenNumber)

例子：

  

    
        Print a number with commas as
      thousands separators in JavaScript.
    

  

    
      GeeksforGeeks
  
    
       How to print a number with commas as thousands
       separators in JavaScript?
    
    Output for '123456789': 
  
  
    Separate thousands
    
        function separateNumber() {
            givenNumber = 123456789;
  
            nfObject = new Intl.NumberFormat('en-US');
            output = nfObject.format(givenNumber);
  
            document.querySelector('.output').textContent = output;
  
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：使用 toLocaleString()

• toLocaleString()方法用于返回具有对语言敏感的数字表示形式的字符串。可选的 locales 参数用于指定数字的格式。
• 区域设置“en-US”用于指定区域设置采用美国和英语的格式，其中数字用千位之间的逗号表示。这将在数千个位置用逗号格式化数字，并返回一个带有格式化数字的字符串。

句法：

givenNumber.toLocaleString('en-US')

例子：

  

    
        Print a number with commas as 
      thousands separators in JavaScript.
    

  

    GeeksforGeeks
    
        How to print a number with commas as thousands
        separators in JavaScript?
    
    Output for '987654321': 
  
  
    
      Separate thousands
  
    
        function separateNumber() {
            givenNumber = 987654321;
  
            output = givenNumber.toLocaleString('en-US');
  
            document.querySelector('.output').textContent = output;
  
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：