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

Shraddha Paghdar 2023年1月30日 2022年5月11日
  1. 在 JavaScript 中使用 slice() 获取字符串的第一个字符
  2. 在 JavaScript 中使用 charAt() 获取字符串的第一个字符
  3. 在 JavaScript 中使用 substring() 获取字符串的第一个字符
  4. 在 JavaScript 中使用 substr() 获取字符串的第一个字符
在 JavaScript 中从字符串中获取第一个字符

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

四种方法,slicecharAtsubstringsubstr,在 JavaScript 中可用,它们将返回一个新字符串而不改变原始字符串。

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

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

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

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

语法:

slice(beginIndex)
slice(beginIndex, endIndex)

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

有关更多信息,请阅读 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);

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

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

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

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

在这种情况下,slice 方法返回一个空字符串。如果任何参数为 negativeNaN,子字符串方法将两个参数都视为 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"
""
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - JavaScript String