JavaScript printf和String.Format的等效物是什么

JavaScript 是一种流行的编程语言，用于创建交互式和动态的网页。在使用JavaScript时，开发人员经常需要格式化字符串以特定的方式显示数据。在其他编程语言中，printf函数和String.Format()方法是两个常用的字符串格式化工具，但JavaScript没有内置的等效物。然而，有几种方法可以在JavaScript中实现相同的功能。

方法： 在其他编程语言中使用printf或String.Format，您需要包含必要的库或模块。然而，JavaScript没有与printf或String.Format等效的内置函数。下面是一些可以使用的方法：

1. 使用console.log()方法： JavaScript提供了console.log()方法，用于将变量和表达式的值输出到控制台。这个方法通常用于调试和测试目的，但也可以用于以特定格式打印字符串和整数，类似于其他编程语言中的printf()函数。

语法：

console.log()

示例：

JavaScript

const name = 'Geek'; 
const age = 14; 
  
console.log('My name is ' + name  
    + ' and I am ' + age + ' years old.');

输出

My name is Geek and I am 14 years old.

2. 使用document.write() 方法： 在JavaScript中显示整数和字符串值的另一种方法是 document.write() 。与console.log()不同，console.log()将值打印到控制台，而 document.write() 直接将值写入HTML文档或文档对象模型（DOM）。

语法：

document.write()

示例:

Javascript

const name = 'John'; 
const age = 30; 
  
document.write(`My name is  ${name} and I am$ {age} years old.`);

输出：

JavaScript printf和String.Format的等效物是什么

3. 使用String.format方法： 尽管JavaScript没有内置的String.Format方法，但您可以使用String对象的原型属性自己创建一个。

语法： 要在JavaScript中创建自定义原型函数，我们可以在String原型上定义一个名为format的新方法。此方法将取一个字符串，并替换任何形式为{n}的占位符，将其替换为传递给该方法的相应参数。该函数的代码可能如下所示：

String.prototype.format = function() {
      const args = arguments;
      return this.replace(/{(\d+)}/g, function(match, number) { 
        return typeof args[number] != 'undefined'
              ? args[number]
              : match;
      });
};

使用format函数时，我们可以指定占位符的索引。我们想将其替换为新的字符串值。这些字符串值可以作为参数传递给format方法。索引指定了字符串中指定字符串将被替换的位置。例如：

const name = 'Alice';
const age = 25;
const message = 
'My name is {0} and I am {1} years old.'.format(name, age);

// Output: "My name is Alice and I am 25 years old."
console.log(message);

在这个示例中，我们指定了需要替换的字符串值的索引{0}和{1}。这些新的字符串值作为参数传递给format方法。第一个参数“Alice”被放置在索引{0}处，第二个参数25被放置在索引{1}处。生成的字符串被赋值给message变量，并使用console.log()打印到控制台上。占位符被替换为相应的字符串值，生成字符串“我的名字是Alice，我今年25岁。”

示例：

Javascript

String.prototype.format = function () { 
    const args = arguments; 
    return this.replace(/{(\d+)}/g, function (match, number) { 
        return typeof args[number] != 'undefined'
            ? args[number] 
            : match; 
    }); 
}; 
  
const str = 'Hello {0}, welcome to {1}.'; 
const name = 'John'; 
const city = 'New York'; 
const formattedStr = str.format(name, city); 
console.log(formattedStr);

输出

Hello John, welcome to New York.

4. 使用模板字面量： 在JavaScript中，您可以使用模板字面量来实现类似的功能。模板字面量允许您在字符串中嵌入表达式，可以使用${}语法。

语法：

(`${}`)

例子：

JavaScript

const name = 'John'; 
const age = 30; 
  
console.log(`My name is  ${name} and I am$ {age} years old.`);

输出

My name is John and I am 30 years old.

5. 使用replace()方法： 您可以使用replace方法将字符串中的占位符替换为变量值。

语法：

str.replace(searchValue, replaceValue)

示例：

Javascript

const str = 'Hello {0}, welcome to {1}.'; 
const name = 'John'; 
const city = 'India'; 
  
const formattedStr = str.replace('{0}', name) 
    .replace('{1}', city); 
      
console.log(formattedStr);

输出