JavaScript 中的字符串格式化

在本文中，我们将理解 JavaScript 中的字符串格式化。首先，让我们了解 JavaScript 字符串。

JavaScript 字符串

JavaScript 字符串 是用单引号或双引号括起来的一系列字符。字符串的第一个字符的索引是 0，第二个字符的索引是 1，依此类推。

字符串格式化

字符串格式化的关键概念是将变量插入字符串中。插入的变量称为占位符。

有许多方法可以用于格式化字符串

• ${} 在反引号中
• 拼接
• 字符串插值
• 自定义函数

我们将通过演示来理解每种方法。

在反引号中使用 ${}

我们将使用反引号中的 ${} 来格式化字符串。反引号表示为 ( ` ` )。

演示 1

我们将声明两个名为 **subject1** 和 **subject2** 的字符串。之后，我们将为这些字符串赋值。我们将使用 ` ` 和 ${} 来格式化和打印字符串。

代码

输出

 
Learn Core Java and Advanced Java from Javatpoint.   

演示 2

我们将声明两个名为 **mathsMarks** 和 **englishMarks** 的字符串。之后，我们将添加字符串并将值赋给字符串 **total**。我们将使用 ` `, ${} 和三元运算符来格式化字符串。

代码

输出

 
Your total marks are 205. Congrats! You are eligible to get admission to the school.
You are not a student.   

演示 3

我们将声明一个名为 **student** 的字符串，并给它一个布尔值 **false**。之后，我们将根据条件格式化字符串。

代码

输出

 
You are not a student.   

使用拼接（+ 运算符）

我们将使用拼接来格式化字符串。拼接用于连接两个或多个字符串。

演示 1

我们将声明三个名为 s1、s2 和 s3 的字符串，然后存储值。我们将使用拼接运算符连接两个字符串，并将其赋给一个新字符串。

代码

输出

 
Welcome to JTP!   

演示 2

我们将使用 拼接 运算符和三元运算符来格式化字符串。我们将声明一个名为 **age** 的字符串并存储值，然后打印一个新的字符串。

代码

输出

 
You are not eligible to vote this time.   

演示 3

我们将声明两个名为 **number1** 和 **number2** 的字符串。之后，我们将这些字符串之间的差存储在名为 **difference** 的字符串中。然后我们将打印格式化后的字符串。

代码

输出

 
The difference between 45 and 20 is 25   

使用字符串插值

我们将使用字符串插值来格式化字符串。此方法用于将变量、算术表达式和函数调用注入字符串。

演示 1

我们将声明四个名为 **firstName**、**lastName**、**studentName** 和 **message** 的字符串。我们将声明另一个字符串 **formatted_message**，并将其赋值为替换后的消息。

代码

输出

 
Welcome Ajeet Kumar, submit your assignment.   

演示 2

我们将声明两个名为 **employeeName** 和 **message** 的字符串。我们将声明另一个字符串 **formatted_message**，并将其赋值为替换后的消息。

代码

输出

 
Hello Anjali, show your work.   

使用自定义函数

我们将使用自定义函数来格式化字符串。

演示

我们将创建一个自定义函数并打印格式化后的字符串。

代码

输出

 
Congratulations, Shrishti from Chandigarh University! Welcome to Javatpoint.   

结论

通过本文，我们全面了解了 **JavaScript 中的字符串格式化**。我们已经通过演示理解了各种方法，现在我们已经掌握了在未来项目中应用这些技术的知识。