JavaScript如何截取指定位置的字符串

JavaScript如何截取指定位置的字符串我们在日常开发中,经常需要对字符串进行删除截取增加的操作,我们这次说一下使用JavaScript截取指定位置的字符串。**一、使用slice()截取**slice()方法可以通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。它的参数有两个,start和end。start是必须填写的参数,规定从何处开始选取,如果是负数,就是从尾部倒着开始算。end是可选填写的参数,规定从何处结束选择,如果没有指定end的值的话,只有start,那么就是默认从start一直截取到结束的

大家好,又见面了,我是你们的朋友全栈君。

我们在日常开发中,经常需要对字符串进行删除截取增加的操作,我们这次说一下使用JavaScript截取指定位置的字符串。
**

一、使用slice()截取

**
slice()方法可以通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。它的参数有两个,start和end。
start是必须填写的参数,规定从何处开始选取,如果是负数,就是从尾部倒着开始算。
end是可选填写的参数,规定从何处结束选择,如果没有指定end的值的话,只有start,那么就是默认从start一直截取到结束的所有字符,如果end的值是负数,也是从尾部倒着开始算。
以下是代码示例及输出结果:

var str = 'abcd9999';
var newStr = str.slice(2);
console.log(newStr); // 输出 cd9999;
newStr = str.slice(-2);
console.log(newStr); // 输出 99;
newStr = str.slice(2,4);
console.log(newStr); // 输出 cd;
newStr = str.slice(2,-2);
console.log(newStr); // 输出 cd99;

二、使用substring()截取

substring()方法用于提取字符串中介于两个指定下标之间的字符。
它有两个参数,start和stop。
start是必须填写的参数,并且start不能为负,这是和slice()方法不同的地方。
stop是可选填写的参数,并且stop也不能为负。
该函数返回一个新字符串,该字符串是一个子字符串,其内容是start处到stop-1处的所有字符,其长度为stop减start。
以下是代码示例及输出结果:

var str = 'Hello Word!';
var newStr = str.substring(2);
console.log(newStr); // 输出 llo Word!
newStr = str.substring(2,8);
console.log(newStr); // 输出 llo Wo

三、使用substr()截取
substr方法用于返回一个从指定位置开始的指定长度的子字符串。
它也有两个参数,start和length。
start是必须填写的参数,它是指定所需的字符串的起始位置,可以是负数,负数效果同上面两个方法。
length是可选填写的参数,它是指定在返回的字符串中包括的字符个数,不可为负数。
以下是代码示例及输出结果:

var str = 'JavaScript';
			var newStr = str.substr(4);
			console.log(newStr); // 输出 Script
			newStr = str.substr(4,3);
			console.log(newStr); // 输出 Scr

介绍了三种使用JavaScript截取指定位置的字符串的方法,大家可以根据实际需求,自由使用。
有什么问题,可以联系QQ:505417246
关注下面微信公众号,可以领取微信小程序、Vue、TypeScript、前端、uni-app、全栈、Nodejs等实战学习资料
在这里插入图片描述

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/144066.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月20日 上午10:20
下一篇 2022年5月20日 上午10:20


相关推荐

  • 英语网址大全_英语浏览器网址

    英语网址大全_英语浏览器网址英语网址大全转载自猫扑(mop.com)翻译http://www.bilinguist.com/汉英论坛,高手云集http://www.chinatranslate.net/中国翻译网,号称全国最大的翻译专业网站http://gb.transea.com/机器即时翻译,适合整体翻译网站及段落,但不够准确。适合一般人http://www.si-china.net自由翻译者冯

    2025年8月15日
    4
  • 3000亿参数昆仑大模型发布,科大讯飞星火成央国企大模型合作伙伴

    3000亿参数昆仑大模型发布,科大讯飞星火成央国企大模型合作伙伴

    2026年3月14日
    3
  • WAP网页设计入门 [转]「建议收藏」

    WAP网页设计入门 [转]「建议收藏」WAP网页设计入门[转]手机专用网页(WML篇)1.基本规则2.基本格式和文件头3.显示文本4.显示图片5.锚和任务6.显示表单7.事件8.CGI编程   这里介绍WAP协议标准组织所制定的标记语言WML,由于和以前介绍的HDML在手机浏览器专用网页的特征上基本一致,所以概念部分就略去了,直接讲述语言。1。基本规则  * WML使用XML文档字符集…

    2025年7月28日
    7
  • Java的运行机制(一)

    Java的运行机制(一)前言:还是那句话,第一、凡是涉及到概念性内容的时候,我都会到官网去确认内容的真实性!第二、我喜欢偏向于原理学习。在java介绍里面,我认为知道这是一门完全面向对象的语言就足够了。我的导师说C++是认为程序员是很强大的,开放了所有的功能权限;Java是认为程序员不是那么全能的,有些危险的操作,不会让你执行。不知道您是否也这么认为呢?目录一、类的结构二、运行机制1、编译方式…

    2022年7月8日
    27
  • Opencv调整运行窗口图片的大小

    Opencv调整运行窗口图片的大小Opencv 在运算时显示图片问题总结在 opencv 中 图片显示的问题 简要解决图片窗口和图片大小的问题 namedWindow 窗口名 1 创建窗口 imshow 窗口名 要显示的图片 在创建的窗口中显示图片官网中内容 默认情况下 是 1 自动调整窗口大小模式 如果在图片高清情况下 显示图片窗口很大 电脑屏幕放不下 并且窗口还不能通过

    2026年3月26日
    2
  • 51单片机入门教程(5)——定时器中断

    51单片机入门教程(5)——定时器中断51 单片机入门教程 5 定时器中断一 中断的概念二 定时器中断 2 1 软件延时的不足 2 2 中断寄存器 2 2 1 中断允许控制寄存器 IE2 2 2 定时器工作方式寄存器 TMOD2 2 3 定时器控制寄存器 TCON2 2 4 定时器初值寄存器 THx TLx2 3 定时器中断程序写法写在开头 中断是包括单片机在内的所有微处理器很重要的功能之一 初学单片机必须这一部分的知识 一 中断的概

    2025年11月17日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号