文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

前言:在开发中我们经常会遇到对于字符串的部分取舍问题,今天我们来看看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 分隔字符串内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯