在处理字符串时,一些有用的方法可以帮助我们在 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
任何参数是negative
or 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"
""