截取字符串是编程中最常见的操作之一, 熟练的掌握对字符串的处理是衡量是否入门的一个标准. JavaScript 这门语言内置了非常强大的字符串处理工具。

javascript截取字符串的方法如下:

一、使用slice()截取

1、函数说明

slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下:stringObject.slice(start, end)

参数说明:

start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1 指最后一个字符,-2 指倒数第二个字符,以此类推。

end(可选):规定从何处结束选取,即结束处的字符下标。如果没有指定该参数,那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数,那么它规定的是从数组尾部开始算起的字符。

2、使用样例var str = "0123456789";

console.log("原始字符串:", str);

console.log("从索引为3的字符起一直到结束:", str.slice(3)); //3456789

console.log("从倒数第3个字符起一直到结束:", str.slice(-3)); //789

console.log("从开始一直到索引为5的前一个字符:", str.slice(0,5)); //01234

console.log("从开始一直到倒数第3个字符的前一个字符:", str.slice(0,-3)); //0123456

console.log("从索引为3的字符起到索引为5的前一个字符:", str.slice(3,5)); //34

console.log("从索引为3的字符起到倒数第3个字符的前一个字符:", str.slice(3,-3)); //3456

运行结果如下:

二、使用 substring() 截取

1,函数说明

(1)substring 方法用于提取字符串中介于两个指定下标之间的字符。语法如下:stringObject.substring(start, stop)

参数说明:

start(必需):一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

stop(可选):一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

返回值说明:

该方法返回一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

2,使用样例var str = "0123456789";

console.log("原始字符串:", str);

console.log("从索引为3的字符起一直到结束:", str.substring(3)); //3456789

console.log("从索引为20的字符起一直到结束:", str.substring(20)); //

console.log("从索引为3的字符起到索引为5的前一个字符结束:", str.substring(3,5)); //34

console.log("start比end大会自动交换,结果同上:", str.substring(5,3)); //34

console.log("从索引为3的字符起到索引为20的前一个字符结束:", str.substring(3,20)); //3456789

运行结果如下:

三、使用 substr() 截取

1,函数说明

substr 方法用于返回一个从指定位置开始的指定长度的子字符串。语法如下:stringObject.substr(start, length)

start(必需):所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length(可选):在返回的子字符串中应包括的字符个数。

注意事项:

如果 length 为 0 或负数,将返回一个空字符串。

如果没有指定 length,则子字符串将延续到 stringObject 的最后。

如果 start 或 length 为负数,那么它将被替换为 0。

2,使用样例var str = "0123456789";

console.log("原始字符串:", str);

console.log("从索引为3的字符起一直到结束:", str.substr(3)); //3456789

console.log("从索引为20的字符起一直到结束:", str.substr(20)); //

console.log("从索引为3的字符起截取长度为5的字符串:", str.substr(3,5)); //34567

console.log("从索引为3的字符起截取长度为20的字符串:", str.substr(3,20)); //3456789

运行结果如下:

html字段截取前几位,javascript怎么截取字符串前几位?相关推荐

  1. js 截取某个字符前面或者后面的字符串

    js 截取某个字符前面或者后面的字符串 前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说 ...

  2. Python 字符串前加f,r,u,b的含义

    1. 字符串前加f 表示字符串内支持大括号内的python表达式,如: logger.info(f"Total time taken: {time.time() - start_time}& ...

  3. Python 字符串前加r,b,u

    目录 问题描述 1.字符串前加字母`u` 2.字符串前加字母`r` 3.字符串前加字母`b` 问题描述 在处理python代码的时候,经常可以看到字符串的前面有u, b, 或r字母,如下图所示: b' ...

  4. html前台截取/以后的字段,javascript如何截取字符串后几位?

    javascript截取字符串的方法有substring(start,stop).substr(start,length).slice(start,end),通过设置其中参数就可以截取字符串后几位. ...

  5. oracle 从后往前,oracle从后往前截取字符串 oracle截取字符串后三位

    oracle怎么从后开始截取字符? 1.在oracle中经常需要使用到截取字符串函数substr.语法:substr(str,num1,[num2]) 默认情况下都是只需要两个参数,它的意思是从第二个 ...

  6. mysql 字符串前四位_sql截取字符串前几位

    sql截取字符串前几位 sql中,使用LEFT函数即可取到字符串的前几位. LEFT(c, number_of_char)用于返回某个被请求的文本域的左侧部分,其中c代表被请求的文本域,number_ ...

  7. js中截取字符串前几位的两种方法slice()substring()

    在Javascript使用字符串中,我们不一定需要全部的字符串,这时就需要截取字符串.本文主要介绍js中截取字符串前几位的两种方法:1.使用slice() 方法:2.使用substring() 方法. ...

  8. java截取前几位_java中怎么截取字符串前几位

    java中可以使用substring()方法截取字符串前几位. substring() 方法返回字符串的子字符串. 语法:public String substring(int beginIndex) ...

  9. java 比较字符串前几位_java截取字符串前几位

    java截取字符串_IT/计算机_专业资料.java截取字符串 1根据字符串 S... java中常用的字符串的截取方法_计算机软件及应用_IT/计算机_专业资料.jsp中常见使用技术,js,jstl ...

最新文章

  1. HTML、CSS、JavaScript能实现的功能汇总!
  2. 用C语言模拟栈(简单实现)
  3. 研究生举报导师强迫学生延期毕业,事件再三反转,学校回应:开展调查
  4. android 界面组件,安卓开发学习周第三篇——Android中的UI组件
  5. php 发送短信 sms,php 调用百度sms来发送短信的实现示例
  6. ubantu中rpm转换成deb(软件包格式)
  7. oracle里面的degree,收集统计信息degree不生效的问题
  8. java搜寻范围在哪设定_查找值在Java中的范围
  9. Java 开发人员必备的开发工具,这些没用进BAT想都别想
  10. android安卓源码海量项目合集打包-1
  11. JDK动态代理原理解析
  12. 【GPS】在线经纬度距离计算
  13. 报Keystore was tampered with, or password was incorret的原因
  14. linux下的输入法推荐
  15. 有梦想的闲鱼之团队介绍
  16. mgo 多条件联合查询
  17. 赛博朋克2077漫威黑寡妇捏脸
  18. BIM模型文件下载——某幼儿园设计方案Revit模型
  19. 计算机网络:IP地址和子网掩码的关系
  20. 如何通过轨迹信息判断驾驶人是否为同一人?

热门文章

  1. 【Bug】Origin平台,建立EA账号时,显示“很抱歉,我们目前发生技术问题,请稍后再试一次”
  2. 按名称批量整理手机中导出的照片
  3. windows引导文件丢失解决办法
  4. 思维导图告诉你《微微一笑很倾城》为什么火?
  5. 怎样的CMS系统才是好的网站管理平台
  6. 51单片机_11-2 蜂鸣器播放音乐
  7. dss造模原理肠炎模式动物造模
  8. 浪潮之巅第十四章 — 科技公司的吹鼓手:投资银行
  9. MyBatisPlus(一)MyBatisPlus介绍和入门案例
  10. List,Map的练习2