JavaScript中截取字符串有三种方法,分别是substring(),substr(),split()。下面本篇文章就来给大家介绍一下它们的使用方法,希望对大家有所帮助。

方法1:使用substring()

substring()方法用于提取字符串中介于两个指定下标之间的字符。

语法:substring(start,stop)

● start:一个非负的整数,指要提取的子串的第一个字符在字符串中的位置,必需填写的元素

● stop:一个非负的整数,比要提取的子串的最后一个字符在字符串上的位置多 1,可写可不写,如果不写则返回的子串会一直到字符串的结尾

该字符串的长度为stop-start

如果参数 start 与 stop 相等,则该方法返回的就是一个空串,如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

示例:

var str="Hello world!";

console.log(str);

console.log(str.substring(3,9)); //从第三个字符开始到第八位

效果图:

方法2:使用substr()

substr()方法可在字符串中抽取从 start 下标开始的指定数目的字符。

语法:substr(start,length)

● start:要截取的子串的起始下标,必须是数值。如果是负数,那么该参数从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推,必需要写的

● length:子串中的字符数,必须是数值。如果不填该参数,那么返回的是字符串的开始位置到结尾的字符。如果length 为0 或者负数,将返回一个空字符串。

示例:

var str="Hello world!";

console.log(str);

console.log(str.substr(3,9)); //从倒数第六个字符开始,截取四位

效果图:

方法3:使用split()

split() 方法用于把一个字符串分割成字符串数组。

语法:stringObject.split(separator,howmany)

● separator:字符串或正则表达式,从该参数指定的地方分割字符串。必须要填写的

● howmany:指返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。可以选择的。

示例:

var str="How are you doing today?";

console.log(str);

console.log(str.split(" ",3));

效果图:

在html中如何截取字符串,javascript中如何截取字符串?相关推荐

  1. js中拼接html教程,JavaScript中怎么拼接字符串?

    在JavaScript中,我们可以把两个或两个以上的字符串拼接形成一个新字符串,下面本篇文章就给大家介绍使用JavaScript拼接字符串的方法,希望对大家有所帮助. 方法1:用连接符"+& ...

  2. javascript 无法修改 数组中对象_谈谈JavaScript中对象建立(Object)

    在这篇文章中我将会着重说明如何创建JavaScript里的对象(Object). 对象(Object)是什么? 在开始介绍如何创建对象前,我们要知道对象是什么.对象(Object)简单地来说,就是一堆 ...

  3. html中this的作用,JavaScript 中的 this :工作原理和陷阱

    在 JavaScript 中,this 是一个相对难懂的特殊变量.因为它随处可用,而不仅仅是面向对象的编程中.本文将解释 this 是如何工作的,以及它可能导致问题的地方,并在文章的给出最佳实践. 为 ...

  4. php中.=是什么意思,javascript中$符号是什么意思?

    javascript中$符号是什么意思?下面本篇文章就来给大家介绍一下在javascript中$符号是代表什么意思的,希望对大家有所帮助. $符号在php中是表示变量的特征字符, 在js中它也有很多作 ...

  5. javascript中对象_了解JavaScript中的承诺

    javascript中对象 我向您承诺,到本文结束时,您将更好地了解JavaScript. 我与JavaScript有一种"爱与恨"的关系. 但是尽管如此,JavaScript一直 ...

  6. 怎么在html中写js判断,javascript中怎么判断是否是数字?

    JavaScript中判断是否是数字的方法:1.使用isNaN()函数判断.2.使用正则表达式/^[0-9]+.?[0-9]*/可以判断是否是数字.3.使用parseFloat()函数判断是否是数字. ...

  7. html中数组的定义,javascript中数组定义的几种方式是什么?

    javascript中怎么定义数组?下面本篇文章给大家介绍一下javascript数组定义的几种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.什么是数组 数组就是一组数据 ...

  8. html语言中 加当前时间,javascript中怎么获取当前时间?

    在web开发中,通过js获取时间非常的常用.下面本篇文章就来给大家介绍一下使用javascript获取当前时间的方法,希望对大家有所帮助. 在javascript中可以使用Date对象中的Date() ...

  9. html中的js作用,javascript中的innerHTML属性有什么作用

    innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去. 定义和用法 innerHTML属性用于设置或返回指定标签之间 ...

最新文章

  1. static unsigned short,int ,char
  2. java spring mysql配置_java相关:mysql+spring+mybatis实现数据库读写分离的代码配置
  3. activty在哪个栈里面_第二篇Activity:2、任务和返回堆栈(Tasks and Back Stack)之基本介绍...
  4. 第十届 蓝桥杯样题 ——代码填空
  5. 【SPOJ】Power Modulo Inverted(拓展BSGS)
  6. MapReduce-流量统计求和-Reducer和JobMain代码编写
  7. Java注解实现之how to use path variable @PathVariable
  8. python自动下载邮件_python实现邮件自动化
  9. java 不兼容类型_java – 不兼容的类型和新鲜的类型变量
  10. 离散数学计算机科学丛书答案,计算机《离散数学》期中试卷答案.docx
  11. ALV 行、列、单元格颜色设置
  12. 基于PHP实现高性能敏感词过滤算法
  13. Vivado的下载和安装
  14. win10linux双系统引导设置,win10 + Ubuntu20.04 LTS双系统引导界面美化
  15. x265-1.8版本-common/wavefront.h注释
  16. Win10开机登陆后黑屏,只有鼠标
  17. 作文 深海机器人_作文机器人(共8篇)
  18. 阿里巴巴为新项目收购两枚双拼域名?
  19. CentOS配置本地yum源/阿里云yum源/163yuan源
  20. 新松GCR 系列协作机器人 用户手册 (软件部分)

热门文章

  1. 温莎牛顿高级油画颜料简介
  2. 干掉微信小程序的繁琐取值和赋值方式,提高开发效率
  3. Python 2-05 高阶函数
  4. oracle删除表数据带条件,Oracle删除表数据
  5. 瑞波(Ripple)服务器安装
  6. CSRF(Cross-site request forgery)跨站请求伪造详解(好文章,美团技术团队)
  7. Android测量图像中物体大小,android – 如何使用OpenCV从图像中检测(计数)头发?
  8. 有玩过夺宝类似的平台吗,来说说你的心得吧
  9. android 代码设置 键盘适应_详细讲解Android修改键盘文字的方法
  10. 曝腾讯天美程序员税后250万,月均20万