迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

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

作者:迹忆客 最近更新:2023/03/24 浏览次数:

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

上一篇:JavaScript 基本内容 - 字符串介绍

下一篇:没有了

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

Angular 2 中的复选框双向数据绑定

发布时间:2023/04/14 浏览次数:139 分类:Angular

本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。

在 AngularJs 中加载 spinner

发布时间:2023/04/14 浏览次数:107 分类:Angular

我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。

在 Angular 中显示和隐藏

发布时间:2023/04/14 浏览次数:78 分类:Angular

本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。

在 Angular 中下载文件

发布时间:2023/04/14 浏览次数:104 分类:Angular

本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便