字符串切片和子字符串方法之间的区别

字符串切片和子字符串方法之间的区别

JavaScript是一种动态且最流行的编程语言,可以在客户端和服务器端使用。 JavaScript 用于创建交互式网页。它有很多框架,如React JS、Angular JS、Node JS等,

JavaScript 包含许多内置函数来执行各种任务。有一些函数用于操作字符串。 Str.slice 和 str.substring 是两个可以操作字符串的 inbuit 函数。虽然这两个函数的功能几乎相似,但它们之间还是有一些区别

String.slice()方法

此方法根据指定的索引返回字符串的一部分。 slice 方法的语法如下 -

string.slice (start, end)

该方法有两个参数,即start和end。 Start 指定应从其开始的索引,end index 告诉要返回的字符串的最后一个索引。返回字符串时不包括结束索引。结束是没有必要的。如果未指定 end,则返回从指定的起始索引开始的整个字符串。这里,索引从“0”开始。

String.substring()方法

该方法也与切片方法类似,返回字符串的一部分作为新字符串。该方法的语法如下 -

string.substring (start, end)

这里,start 和 end 是两个参数,表示应返回字符串的索引。如果未指定结束索引,则返回从指定开始索引开始的整个字符串。返回字符串时不包括结束索引。索引从“0”开始。

考虑字符串长度为 12 的字符串“Good Morning”。让我们通过以下示例来了解这些方法的功能 -

const greeting = 'Good Morning'

案例1

如果起始索引是正数,则两种方法给出相同的输出。

greeting.slice (5)  		//  'Morning'
greeting.substring (5)  	// 'Morning'

这里,index取为5,因此返回从主字符串的第5个位置开始的字符串。

案例2

如果给定的索引为负数,这两种方法会给出不同的输出,如下所示。

greeting.slice (-7)  // 'Morning'
greeting.substring (-7)  // 'Good Morning'

在 slice 方法中,当给出负索引时,它会从字符串末尾开始计数,并返回从该索引位置开始的字符串。在子字符串中,任何负数都被视为零。因此它从 0 索引开始并返回整个字符串。

案例3

当传递字符串长度时,这两种方法都返回空字符串。

greeting.slice (12)  // ''
greeting.substring (12)  // ''

案例4

开始索引大于结束索引

greeting.slice (9, 5)  // ''
greeting.substring (9, 5)  // 'Morn'

Slice 方法返回一个空字符串,而 substring 方法交换这些索引并返回字符串。不包括结束索引。

案例5

当开始和结束索引均为负数时

greeting.slice (-12, -8)  // 'Good'
greeting.substring (-12, -8)  // ''

Slice 方法从字符串末尾开始计数到指定的索引并返回它。由于两个索引都是负数,并且子串方法将它们视为零,因此它从零开始并以零结束。因此,返回一个空字符串。

案例6

当起始索引为负且结束索引为正时

greeting.slice (-3, 5)  // ''
greeting.substring (-3, 5)  // 'Good'

这里,由于结束索引出现在开始索引之前,因此 slice 方法返回一个空字符串。但子串方法将负索引视为零,并从 0 索引开始到排除它的第 5 个索引。因此,它返回“Good”。

案例7

当开始索引为正但结束索引为负时

greeting.slice (5, -3)  // 'Morn'
greeting.substring (5, -3)  // 'Good'

Slice 方法返回“Morn”作为输出,子字符串方法返回“Good”。 Substring 方法将结束索引视为零,并且由于开始索引 (5) 大于结束索引 (0),因此它只需交换它们的位置 (0,5) 并返回字符串。

切片与子字符串方法

下表突出显示了切片方法和子字符串方法之间的重要区别 -

切片方法

子串法

它返回字符串的一部分

也用于提取字符串的一部分

它允许负索引并从后面返回字符串计数

如果给出负索引,则将其视为 0(零)索引位置。

如果起始索引大于结束索引,则返回空字符串

如果起始索引大于结束索引,它只是交换它们的位置并根据该结果返回字符串

结论

String.slice 和 string.substring 方法用于字符串的操作。根据参数和某些情况,它们都是相似的。它们的第一个主要区别是它们的索引为负值,如上面的示例所示。第二个是当开始索引大于结束索引时。

以上就是字符串切片和子字符串方法之间的区别的详细内容,更多请关注编程之家其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)