迹忆客 专注技术分享

在处理字符串时，一些有用的方法可以帮助我们在 JavaScript 中使用和操作字符串的数据结构。本文将指导你使用内置的 JavaScript 方法来获取字符串的第一个字符。

四种方法，slice、charAt、substring 和 substr，在 JavaScript 中可用，它们将返回一个新字符串而不改变原始字符串。

在 JavaScript 中使用 slice() 获取字符串的第一个字符

slice() 方法是 JavaScript 提供的内置方法。

此方法在两个位置切断字符串。这种切割是通过采用两个输入，开始和结束索引来实现的。

基于此，它将返回索引之间的字符串部分。如果只提供了开始索引，它将返回到最后一个字符。

语法：

slice(beginIndex)
slice(beginIndex, endIndex)

begin 和 end 索引中出现的任何字符（包括开始字符和结束前的一个字符）都将插入到新字符串中。结束索引是一个可选参数。

有关更多信息，请阅读 slice() 方法文档。

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.slice(0, 1);
const outputString2 = inputString.slice(4, -2);
console.log(outputString1);
console.log(outputString2);

如果我们调用 slice(1, 8)，这会将字符 W 从原始字符串 inputString 复制到 outputString1。这里有趣的部分是，当你给出负索引时，输入参数将被视为 str.length + index。

上面的代码会给你下面的输出。

输出：

"W"
"ome to JavaScript tutori"

在 JavaScript 中使用 charAt() 获取字符串的第一个字符

此方法获取指定索引处的单个 UTF-16 代码单元。此方法不会改变或修改原始字符串。

语法：

charAt(index)

索引处出现的任何字符都将插入到新字符串中。如果未提供索引，则默认情况下将考虑 0。

有关更多信息，请阅读 charAt() 方法文档。

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.charAt(0);
const outputString2 = inputString.charAt(11);
console.log(outputString1);
console.log(outputString2);

如果我们调用 charAt(0)，这会将字符 W 从原始字符串 inputString 复制到 outputString1。上面的代码会给你下面的输出。

输出：

"W "
"J"

在 JavaScript 中使用 substring() 获取字符串的第一个字符

substring() 方法是 JavaScript 提供的内置方法。

此方法在两个位置切断字符串。这种切割是通过采用两个输入、开始索引和结束索引来实现的。

基于此，它将返回索引之间的字符串部分。如果只提供了起始索引，它将返回字符串的结尾。

语法：

substring(indexStart);
substring(indexStart, indexEnd);

start 和 end 索引中出现的任何字符（包括开始字符和结束前的一个字符）都将插入到新字符串中。结束索引是可选的。

有关更多信息，请阅读 substring() 方法文档。

substring() 和 slice() 之间的唯一区别在于参数。

如果 indexStart 大于 indexEnd，则 substring 方法交换两个参数。这意味着仍然返回一个字符串。

在这种情况下，slice 方法返回一个空字符串。如果任何参数为 negative 或 NaN，子字符串方法将两个参数都视为 0。

slice 也将 NaN 参数视为 0。但是当传递负值时，它会从字符串的末尾开始倒计时以找到索引。

const inputString = 'Hello World!';
const outputString = inputString.substring(0, 1);
console.log(inputString);
console.log(outputString);

如果我们调用 substring(0, 1)，这会将字符 H 从原始字符串 inputString 复制到 outputString。最后，我们将使用 console.log() 方法打印两个字符串。

上面的代码会给你下面的输出。

输出：

"Hello World!"
"H"

在 JavaScript 中使用 substr() 获取字符串的第一个字符

substr() 方法是 JavaScript 提供的内置方法。

此方法在两个位置切断字符串。这种切割是通过获取两个输入、开始索引和之后的字符总数来实现的。

并基于此，它将返回索引和总数之间的字符串部分。如果只提供了起始索引，它将返回字符串的结尾。

语法：

substr(start);
substr(start, length);

start 索引和 length 中出现的任何字符都将插入到新字符串中。长度在这里是一个可选参数。

有关更多信息，请阅读 substr() 方法文档。

substring() 和 substr() 之间的唯一区别在于参数。

substring() 方法将起始和结束索引表示为参数。相比之下，substr() 表示作为参数的返回字符串中的起始索引和字符数。

const inputString = 'Hello World!';
const outputString1 = inputString.substr(0, 1);
const outputString2 = inputString.substr(1, 0);
console.log(inputString);
console.log(outputString1);
console.log(outputString2);

如果我们调用 substr(0, 1)，这会将字符 H 从原始字符串 inputString 复制到 outputString1。这里有趣的部分是交换输入参数不会复制任何字符，因为长度是 0。

上面的代码会给你下面的输出。

输出：

"Hello World!"
"H"
""