在 JavaScript 中从字符串中获取第一个字符

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

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

目录

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

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

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

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

---

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

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

此方法在两个位置切割字符串。通过采用两个输入（开始索引和结束索引）来进行此切割。

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

句法：

slice(beginIndex)
slice(beginIndex, endIndex)

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

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"

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

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

句法：

charAt(index)

 索引中存在的任何字符都将插入到新字符串中。如果没有提供索引，0将默认考虑。

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"

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

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

此方法在两个位置切割字符串。通过采用两个输入，即开始索引和结束索引来进行这种切割。

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

句法：

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

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

 substring()和之间的唯一区别在于slice()论点。

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

slice在这种情况下，该方法返回一个空字符串。substring 方法将这两个参数视为0任何参数是negativeor NaN。

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"

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

此方法在两个位置切割字符串。通过采用两个输入，即开始索引和之后的字符总数来进行此切割。

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

句法：

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

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

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"
""