如何在 TypeScript 中将字符串转换为小写?


在本教程中,我们将学习如何在TypeScript中将字符串转换为小写。将字符串转换为小写是一个基本操作,但在很多情况下都很有用。

我们可以考虑在应用程序中实现搜索功能。当用户搜索任何小写、大写或混合大小写的短语或单词时,我们需要将字符串转换为小写,然后在数据库中执行搜索查询以查找相关项目。

使用 toLowerCase() 方法

toLowerCase() 方法允许我们将字符串的所有字母字符转换为小写。如果字符是大写,则将其转换为小写。否则,它保持原样。此外,它不会更改特殊字符或数字。

用户可以按照以下语法使用 TypeScript 中的 toLowerCase() 方法将字符串转换为小写。

语法

let str: string = "TutorialsPoint";
str = str.toLowerCase();

在上面的语法中,我们在字符串上调用了 toLowerCase() 方法,这意味着字符串类的对象。

示例 1

在下面的示例中,我们将一个字符串转换为小写。该字符串仅包含字母,其中包含一些大写字母。

let str: string = "Welcome to TutorialsPoint";
console.log("Before: " + str);
str = str.toLowerCase();
console.log("After: " + str);

编译后,它将生成以下 JavaScript 代码:

var str = "Welcome to TutorialsPoint";
console.log("Before: " + str);
str = str.toLowerCase();
console.log("After: " + str);

以上代码将产生以下输出:

输出

Before: Welcome to TutorialsPoint
After: welcome to tutorialspoint

示例 2

在下面的示例中,我们将一个字符串转换为小写。该字符串包含字母数字字符和一些特殊字符。

// String with alphanumeric chars
let str: string = "Tut123Point";
str = str.toLowerCase();
console.log(str);

// String with special chars
str = "Tut1:,.Point@3";
str = str.toLowerCase();
console.log(str);

编译后,它将生成以下 JavaScript 代码:

// String with alphanumeric chars
var str = "Tut123Point";
str = str.toLowerCase();
console.log(str);

// String with special chars
str = "Tut1:,.Point@3";
str = str.toLowerCase();
console.log(str);

以上代码将产生以下输出:

输出

tut123point
tut1:,.point@3

自定义算法将字符串转换为小写

在 TypeScript 中将字符串转换为小写的另一种方法是遍历字符串的每个字符,并将每个字符转换为小写。

步骤

步骤 1 - 定义两个字符串类型变量。将原始字符串值赋给第一个变量。我们将转换后的字符串赋给第二个变量。

步骤 2 - 接下来,我们使用 for 循环遍历字符串字符。对于每个字符,我们使用字符串的 charCodeAt() 方法查找 ASCII 值。如果我们找到 65 到 90(包括)之间的 ASCII 值,则字母字符为大写,我们需要将其转换为小写。

步骤 3 - 要将大写字符转换为小写,请在大写字符的 ASCII 值后面加上 32,并使用字符串类的 fromCharCode() 方法从其 ASCII 值获取字符。

步骤 4 - 将转换后的字符追加到第二个字符串,最后打印小写字符串。

示例

在下面的示例中,我们将包含一些大写字母的字符串转换为小写。

let stringName: string = "Hi @312 User! Are YOU THERE?";
let lower: string = "";

for (let i = 0; i < stringName.length; i++) {
   let value = stringName.charCodeAt(i);
   if (value >= 65 && value <= 90) {
      lower += String.fromCharCode(value + 32);
   } else {
      lower += stringName[i];
   }
}
console.log(lower);

编译后,它将生成以下 JavaScript 代码:

var stringName = "Hi @312 User! Are YOU THERE?";
var lower = "";
for (var i = 0; i < stringName.length; i++) {
   var value = stringName.charCodeAt(i);
   if (value >= 65 && value <= 90) {
      lower += String.fromCharCode(value + 32);
   }
   else {
      lower += stringName[i];
   }
}
console.log(lower);

以上代码将产生以下输出 &miinus;

hi @312 user! are you there?

用户学习了两种将字符串转换为小写的方法。第一种方法是最简单的,因为我们只需要编写一行代码。第二种方法演示了如何在字符串类中手动实现 toLowerCase() 方法。因此,建议使用第一种方法。第二种方法只是为了演示 toLowerCase() 方法在内部是如何工作的。

更新于: 2022年12月16日

1K+ 次查看

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告