js裁剪(分隔)字符串的三种常用方法

 更新时间:2022年02月09日 10:34:57   作者:木偶☜  
在开发中我们经常会遇到对于字符串的部分取舍问题,本文主要介绍了js裁剪(分隔)字符串的三种常用方法,今天我们来看看3中常用的方法来解决这个问题,感兴趣的可以一起了解一下

前言:在开发中我们经常会遇到对于字符串的部分取舍问题,今天我们来看看3中常用的方法来解决这个问题。

一.Slice

1.两个参数:

两个参数:起始索引(开始位置),终止索引(结束位置),提取字符串的某个部分并在新字符串中返回被提取的部分。

包前不包后

var str="HelloTwd";
// slice方法  
// 两个参数:起始索引(开始位置),终止索引(结束位置)。
// 提取字符串的某个部分并在新字符串中返回被提取的部分。 
// 包前不包后
var res=str.slice(1,5);
console.log(res);

在这里插入图片描述

2.参数为负:

如果某个参数为负,则从字符串的结尾开始计数,包后不包前

var str="HelloTwd";
// 如果某个参数为负,则从字符串的结尾开始计数。
// 包后不包前
var res1=str.slice(1,-5)
console.log(res1);

在这里插入图片描述

3.一个参数:

如果省略第二个参数,则该方法将裁剪字符串的剩余部分,包前,如果参数为负,从结尾开始计数,包括裁切数值的位置的字符。

var str="HelloTwd";
// 如果省略第二个参数,则该方法将裁剪字符串的剩余部分:
// 包前
var res2=str.slice(5)
console.log(res2);
// 从结尾开始计数,包括裁切数值的位置的字符
var res3=str.slice(-5)
console.log(res3);

在这里插入图片描述

4.注意:

如果为正数,则是索引从0开始,若为负数,则索引从-1开始,也就是结尾的索引1开始,并非0。

二.Substring

1.两个参数:

substring() 类似于 slice(),不同之处在于 substring() 无法接受负的索引。包前不包后

var str="HelloTwd"
// substring() 类似于 slice()。
// 不同之处在于 substring() 无法接受负的索引。
// 包前不包后
var res=str.substring(1,5)
console.log(res);

在这里插入图片描述

2.一个参数:

如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分,包前

var str="HelloTwd"
// 如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。
// 包前
var res1=str.substring(5)
console.log(res1);

在这里插入图片描述

3.注意:

如果为负数,则返回整个字符串。

var str="HelloTwd"
// 如果为负数,则返回整个字符串
var res3=str.substring(-2)
console.log(res3);

在这里插入图片描述

三.Sbustr

1.两个参数:

substr() 类似于 slice(),不同之处在于第二个参数规定被提取部分的长度。不包前

var str="HelloTwd"
// substr() 类似于 slice()。
// 不同之处在于第二个参数规定被提取部分的长度。
// 不包前
var res=str.substr(1,6)
console.log(res);

在这里插入图片描述

为负数时候, 包括裁剪的数值处的字符。

var str="HelloTwd"
// 为负数
// 包括裁剪的数值处的字符
var res1=str.substr(-2,2)
console.log(res1);

在这里插入图片描述

2.一个参数:

** 如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分,包括要分隔的数值出的字符。**

var str="HelloTwd"
// 如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。
// 包括要分隔的数值出的字符
var res2=str.substr(-5)
console.log(res2);

在这里插入图片描述

3.注意:

超出索引不输出内容

到此这篇关于js裁剪(分隔)字符串的三种常用方法的文章就介绍到这了,更多相关js 分隔字符串内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS document内容及样式操作完整示例

    JS document内容及样式操作完整示例

    这篇文章主要介绍了JS document内容及样式操作,结合完整实例形式分析了JavaScript document内容及样式的获取、修改、添加等相关操作技巧,需要的朋友可以参考下
    2020-01-01
  • JS中关于事件处理函数名后面是否带括号的问题

    JS中关于事件处理函数名后面是否带括号的问题

    JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动。有两种常见的形式,分别是DOM Level 0 和DOM Level 2。今天总结一个关于事件处理程序的小细节。感兴趣的朋友一起学习吧
    2016-11-11
  • javascript排序函数实现数字排序

    javascript排序函数实现数字排序

    这篇文章主要介绍了javascript排序函数实现数字排序的相关资料,附上示例,需要的朋友可以参考下
    2015-06-06
  • Bootstrap表单Form全面解析

    Bootstrap表单Form全面解析

    在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析,感兴趣的朋友一起看下吧
    2016-06-06
  • js使用cookie记录用户名的方法

    js使用cookie记录用户名的方法

    这篇文章主要介绍了js使用cookie记录用户名的方法,通过完整实例形式分析了JavaScript针对cookie的创建、赋值及删除等操作技巧,以及通过cookie记录用户登录信息的方法,需要的朋友可以参考下
    2015-11-11
  • 解决bootstrap模态框数据缓存的问题方法

    解决bootstrap模态框数据缓存的问题方法

    今天小编就为大家分享一篇解决bootstrap模态框数据缓存的问题方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 微信小程序实现图片滚动效果示例

    微信小程序实现图片滚动效果示例

    这篇文章主要介绍了微信小程序实现图片滚动效果,结合实例形式分析了微信小程序基于swiper组件的图片滚动效果相关实现技巧与操作注意事项,需要的朋友可以参考下
    2018-12-12
  • 使两个iframe的高度与内容自适应,且相等

    使两个iframe的高度与内容自适应,且相等

    使两个iframe的高度与内容自适应,且相等...
    2006-11-11
  • JS去除iframe滚动条的方法

    JS去除iframe滚动条的方法

    这篇文章主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JS把内容动态插入到DIV的实现方法

    JS把内容动态插入到DIV的实现方法

    下面小编就为大家带来一篇JS把内容动态插入到DIV的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07

最新评论