JavaScript取子串方法slice,substr,substring对比表

最新推荐文章于 2024-11-08 16:09:18 发布
最新推荐文章于 2024-11-08 16:09:18 发布
阅读量106 收藏
点赞数
文章标签： javascript 操作系统 ViewUI
原文链接：http://www.cnblogs.com/ider/p/js-slice-vs-substr-vs-substring-table.html
版权

在程序语言中，字符串可以说是最常用的一种类型，而在程序中对字符串的操作也是十分频繁。当程序语言自带多种字符串操作的方法时，用该语言编程程序时就有很多的便利性，提高开发的效率。但是当方法过多，甚至目的相似、参数雷同的时候，就容易造成迷惑难以选择的窘境。

在JavaScript中就有这样的情况出现，对于取字符串的子串的操作，JavaScript提供了三种不同的方法：slice，substr，substring。虽然在网上随便搜索一下，就可以找到介绍三者区别的文章，但是每次使用的时候，依然会迷糊无从选择。因此结合网上介绍的区别，在本文中将它们的异同之处罗列在表中，方便参照和区分。

测试字符串: "0123456789"
浏览器：Chrome Version 29.0.1547.76
操作系统：Mac OS X Version 10.8.5

 
 

 参数方法
参数1参数2slice(begin[, end])substr(start[, length])substring(from[, to])
参数/结果7 789789789
说明只有参数1，省略参数2从参数1指定的坐标截取到字符串结尾
参数/结果-3 7897890123456789
说明参数1为负数从字符串末尾开始计算位置*视为0
参数/结果21    
说明参数1大于或等于字符串长度视为字符串长度，即返回空字符串
参数/结果“3.21″ 345678934567893456789
说明参数1为浮点数或只含数字的字符串类似parseInt()将数值转换成整形
参数/结果NaN 012345678901234567890123456789
说明参数1非为有效数值非有效数值视为视为0
参数/结果37345634567893456
说明既有参数1，又有参数2从参数1的位置截取到参数2的位置从参数1的位置截取长度为参数2的字符同slice()
参数/结果73 7893456
说明参数1大于参数2返回空字符串从参数1的位置截取长度为参数2的字符交换参数1和参数2再进行截取
参数/结果3-33456 012
说明参数2为负数负数从字符末尾开始计算位置视为长度0，返回空字符串交换参数，负数视为0
参数/结果321345678934567893456789
说明参数2大于或等于字符串长度视为字符串长度，结果同省略参数2
参数/结果3NaN  012
说明参数2非为有效数值非有效数值视为0，返回空字符串非有效数值视为0，因长度为0返回空字符串非有效数值视为0，交换参数进行截取
参数/结果-7-33456  
说明参数1和参数2都为负数从字符串末尾开始计算位置长度为负数，返回空字符串负数视为0，返回空字符串
参数/结果-77345634567890123456
说明参数1为正数，参数2为负数(自动套用上边的规则，不解释)

*从字符串末尾开始计算位置：-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推；也可视为字符串长度与负数之和的位置，若结果小于0，则视为0。

 

从上述表格对比中不难看出，三个方法之间的主要区别如下：

  • 三个方法的参数1都代表子串开始位置，参数2在slice和substring中表示结束位置，而在substr中代表的则是子串长度；
  • 对于负数态度，当出现在参数1的位置时，slice和substr从末尾开始计算，而substring不支持末尾计数法直接视为0；当出现在参数2位置时，slice和substring的处理同参数1：前者从末尾开始计算，后者转换成0，而substr则视负数长度为0返回空串；
  • 对于参数1小于参数2的情况，substring最大的不同在于它会交换两个参数再截取子串，substr因第二参数表示的是长度因此并无异常，slice曽依然正常搜寻子串始末位置，若开始位置在结尾后边则返回空串。

根据MDN对substr的描述，在IE下可能并不支持负数从末尾计算的方式。

最后，自己来试试三个方法的效果吧:

 

字符串参数1参数2运行slicesubstrsubstring
iderzhengiderzheng.comiderzheng
References:
  1. String – JavaScript | MDN
  2. What is the difference between String.slice and String.substring in JavaScript? – Stack Overflow
  3. Slice vs Substr vs Substring vs [ ] Methods · jsPerf
 

转载于:https://www.cnblogs.com/ider/p/js-slice-vs-substr-vs-substring-table.html

巷中人
关注
提取子串-蓝桥杯
张鹏宇的专栏
06-17 871
【代码填空】(满分12分)          串“abcba”以字母“c”为中心左右对称；串“abba” 是另一种模式的左右对称。这两种情况我们都称这个串是镜像串。特别地，只含有1个字母的串，可以看成是第一种模式的镜像串。      一个串可以含有许多镜像子串。我们的目标是求一个串的最大镜像子串（最长的镜像子串），如果有多个最大镜像子串，对称中心靠左的优先选中。例如：“abcdeef
简单说明 slice / substring / substr 三个方法的区别
wozhenhaokan的博客
10-25 865
在说区别之前，先来说说slice，substring，substr三个方法的相同点： 1，都是截取字符串并返回一个新的字符串 2，都能接受一个（start）或两个参数（start，end） 3，只有一个参数时，默认字符串末尾作为结束位置： 下面我们分几种情况讨论三个方法的不同点： 先看我们被截取的字符串： var str = '中华人民共和国万岁' 开始分情况讨论： 一，...
字符串取子串
WX_Chen的博客
02-26 1106
C++ str.substr(pos,2) C 函数名称:strncpy 函数原型:char*strncpy(char*dest,constchar*src，intcount)函数功能:将字符串src中的count个字符拷贝到字符串dest中去函数返回:指向dest的指针参数说明:dest-目的字符串，src-源字符串，c...
7.取字符子串函数实现
enlyhua的专栏
01-20 726
int substr( char dst[], char src[], int start, int len) { int srcindex; int dstindex; dstindex = 0; if ( start >= 0 && len > 0) { for ( srcindex = 0; srcindex < start && src[srcin
String字符串方法(详情请参考MDN)
m0_59628052的博客
09-14 533
1 .String.prototype.split() split()方法使用指定的分隔符字符串将一个String对象分割成子字符串数组，以一个指定的分割字串来决定每个拆分的位置。 语法 str.split([separator[, limit]]) 参数 separator 指定表示每个拆分应发生的点的字符串。separator可以是一个字符串或正则表达式。 如果纯文本分隔符包含多个字符，则必须找到整个字符串来表示分割点。如果在str中省略或不出现分隔符，则返回的数组包含一个由整个字符...
JavaScript 中的取子串函数 substring slice substr splice
eyears的博客
01-09 489
substring(start,end) 截取区间 [start,end) 若不指定end则截取到最后 若start为负数相当于从头开始 slice(start,end) 截取区间 [start,end) 若不指定end则截取到最后 若start为负数则从倒数第start位开始截取 和substring的区别在于start是负数时也有意义 substr(start,length) start是开...
javascript中substring,substr和slice对比
王工头的博客
01-26 473
javascript中substring,substr和slice对比 欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~ 先写下最终结论，这样方便阅读者快速使用： substring(a, b)：指的是截取从开始位置到结束位置，a：开始位置，b：结束位置的后一位 slice(a, b)：指的是截取从开始位置到结束位置，且a和b可以为负数...
javascript中substring()、substr()、slice()的区别
11-24
stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符。 start必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop可选。一个非负的整数，比要提取的...
js 中截取字符串的三个方法 substring、substr、slice
04-22
在JavaScript中，字符串截取是常见的操作，主要通过`substring()`、`substr()`和`slice()`这三个方法来实现。它们都能从原始字符串中提取部分字符并返回新的字符串，但参数和处理方式略有不同。 首先，`substring()...
【js】字符串截取函数slice,substr,substring的总结
01-08
在JavaScript中，字符串截取是常见的操作，主要通过`slice()`, `substr()`, 和 `substring()` 这三个函数来实现。它们都是用来提取字符串的一部分并返回新的字符串，但各有其特性和用法。 首先，`slice()` 函数接受...
JavaScript substr, substring, slice与splice操作详解及区别
在JavaScript中，字符串操作是编程时经常用到的重要部分，其中substr(), substring(), 和 slice() 是三种常用的字符串处理函数，它们各有特点并适用于不同的场景。让我们逐一解析它们： 1. substr() 方法： substr...
javascript的字符串方法【substring、slice、substr】的区别
关灯吃面
11-21 564
老忘，然后看mdn。这里总结下，记录一笔，好记性不如烂笔头：String.prototype.substring: 这个方法传递的是字符串下标的索引位置，返回新的被截取的字符串，不会改变原来的字符串。接受两个参数，不填也没关系，啥事情都不做。 第一个参数是起始位置，第二个参数是可选参数结束位置，第二个参数不写的时候就是默认索引到最后。 第二个参数可以小于第一个参数，这种情况下，其实他们就发生了一
JavaScript slice() 方法
weixin_30468137的博客
12-12 282
一、字符串中的slice() 定义和用法 slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。 语法 stringObject.slice(start,end) 参数描述 start 要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。 ...
vue2面试题5|[2024-11-08]
最新发布
m0_49474690的博客
11-08 307
关于vue2API的面试题
Echarts 折线图
weixin_44443380的博客
11-08 203
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
每天10个vue面试题(九)
不熬夜的臭宝的博客
11-08 516
一天10个vue面试题喽！
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 617
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
上门理发系统的搭建
app830的博客
11-07 376
上门理发系统的搭建涉及多个方面，包括技术架构、功能模块、用户体验以及运营策略等。服务器：部署应用到云服务器（如AWS、阿里云）或本地服务器上，确保系统的稳定性和可扩展性。消息通知：通过短信、邮件或APP推送等方式，向用户发送预约确认、提醒等消息。订单管理：用户可以查看自己的预约订单，包括待付款、已付款、已完成等状态。服务浏览与选择：展示各类理发服务，包括价格、时长、适用人群等信息。在搭建过程中，要确保系统的安全性和稳定性，防止数据泄露和系统崩溃。操作便捷：优化用户操作流程，减少不必要的步骤，提高用户体验。
JavaScript字符串截取方法：substring、substr与slice详解
JavaScript中，截取字符串是开发过程中常见的需求，有三种主要的方法可供选择：substring(), substr(), 和 slice()。虽然它们都能实现字符串片段的提取，但各有特点和使用场景。 首先，让我们看下substring()方法。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值