前端必知必会-JavaScript 字符串函数(中)

---

JavaScript 字符串 substr()

substr() 与slice()类似。

不同之处在于，第二个参数指定提取部分的长度。

示例

let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);

如果省略第二个参数，substr() 将切出字符串的其余部分。

示例

let str = "Apple, Banana, Kiwi";
let part = str.substr(7);

如果第一个参数为负数，则位置从字符串末尾开始计算。

示例

let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);

转换为大写和小写

使用 toUpperCase() 将字符串转换为大写：

使用 toLowerCase() 将字符串转换为小写：

JavaScript 字符串 toUpperCase()
示例

let text1 = "Hello World!";
let text2 = text1.toUpperCase();

JavaScript 字符串 toLowerCase()
示例

let text1 = "Hello World!"; // 字符串
let text2 = text1.toLowerCase(); // text2 是 text1 转换为低位

JavaScript 字符串 concat()

concat() 连接两个或多个字符串：

示例

let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);

concat() 方法可以用来代替加号运算符。这两行的作用相同：

示例

text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");

注意
所有字符串方法都返回一个新字符串。它们不会修改原始字符串。

正式地说：

字符串是不可变的：字符串不能更改，只能替换。

JavaScript 字符串 trim()

trim() 方法从字符串的两侧删除空格：

示例

let text1 = " Hello World! ";
let text2 = text1.trim();

JavaScript 字符串 trimStart()

ECMAScript 2019 将字符串方法 trimStart() 添加到 JavaScript。

trimStart() 方法的工作方式与 trim() 类似，但仅从字符串的开头删除空格。

示例

let text1 = " Hello World! ";
let text2 = text1.trimStart();

自 2020 年 1 月起，所有现代浏览器均支持 JavaScript String trimStart()：

JavaScript String trimEnd()

ECMAScript 2019 将字符串方法 trimEnd() 添加到 JavaScript。

trimEnd() 方法的工作方式与 trim() 类似，但仅从字符串末尾删除空格。

示例

let text1 = " Hello World! ";
let text2 = text1.trimEnd();

自 2020 年 1 月起，所有现代浏览器均支持 JavaScript String trimEnd()：

JavaScript 字符串填充

ECMAScript 2017 为 JavaScript 添加了两个新的字符串方法：padStart() 和 padEnd()，以支持在字符串的开头和结尾进行填充。

JavaScript String padStart()
padStart() 方法从开头填充字符串。

它用另一个字符串（多次）填充一个字符串，直到达到给定的长度。

示例
用“0”填充字符串，直到其长度达到 4：

let text = "5";
let padded = text.padStart(4,"0");

用“x”填充字符串，直到其长度达到 4：

let text = "5";
let padded = text.padStart(4,"x");

注意
padStart() 方法是一种字符串方法。

要填充数字，请先将数字转换为字符串。

参见下面的示例。

示例

let numb = 5;
let text = numb.toString();
let padded = text.padStart(4,"0");

浏览器支持
padStart() 是 ECMAScript 2017 功能。

自 2017 年 9 月起，所有现代浏览器均支持 ES2017：

---

总结

本文介绍了JavaScript字符串函数的使用，如有问题欢迎私信和评论