实例讲解JavaScript截取字符串

 更新时间:2018年11月30日 08:43:54   投稿:laozhang  
在本文中小编通过实例给大家分享了JavaScript中如何截取字符串的方法,需要的朋友们参考一下。

JavaScript中截取字符串有三种方法,分别是substring,substr,split,接下来将在文章中为大家详细介绍它们的使用方法。

substring(start,stop)

提取字符串中介于两个指定下标之间的字符

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

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

该字符串的长度为stop-start

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

<script type="text/javascript">
var str="Hello world!"
document.write(str.substring(3,9))//从第三个字符开始到第八位
</script>

substr(start,length)

把字符串从 start 下标开始截取到指定数目的字符

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

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

<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(-6,4));//从倒数第六个字符开始,截取四位
</script>

split(separator,howmany)

把一个字符串分割成字符串数组

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

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

<script type="text/javascript">
var str="Hello world!"
document.write(str.split(""));//将每个字符都分隔开,如果中间有空格则表示已字符串形式分隔
</script>

相关文章

  • js实现当前输入框高亮显示的方法

    js实现当前输入框高亮显示的方法

    这篇文章主要介绍了js实现当前输入框高亮显示的方法,涉及javascript针对输入框样式动态设置的技巧,非常美观大方,简单实用,需要的朋友可以参考下
    2015-08-08
  • Bootstrap面板学习使用

    Bootstrap面板学习使用

    这篇文章主要为大家详细介绍了Bootstrap面板的学习使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 小程序实现图片移动缩放效果

    小程序实现图片移动缩放效果

    这篇文章主要为大家详细介绍了小程序实现图片移动缩放效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • Bootstrap标签页(Tab)插件切换echarts不显示问题的解决

    Bootstrap标签页(Tab)插件切换echarts不显示问题的解决

    这篇文章主要给大家介绍了关于Bootstrap标签页(Tab)插件切换echarts不显示问题的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • 动态更新highcharts数据的实现方法

    动态更新highcharts数据的实现方法

    下面小编就为大家带来一篇动态更新highcharts数据的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 有效提高JavaScript执行效率的几点知识

    有效提高JavaScript执行效率的几点知识

    这篇文章主要介绍了有效提高JavaScript执行效率的几点知识,本文从JavaScript函数、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重绘、DOM访问、DOM遍历等方面讲解了提高JavaScript执行效率的小技巧,需要的朋友可以参考下
    2015-01-01
  • 小试小程序云开发(小结)

    小试小程序云开发(小结)

    这篇文章主要介绍了小试小程序云开发(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • javascript打印大全(打印页面设置/打印预览代码)

    javascript打印大全(打印页面设置/打印预览代码)

    打印页面设置,打印页面预览在打印过程中经常会遇到,网上搜集整理了一些实用的打印方法与大家分享,感兴趣的朋友可以了解下哈
    2013-03-03
  • javascript实现密码强度显示

    javascript实现密码强度显示

    这篇文章主要介绍了使用javascript实现密码强度显示,十分实用的功能,从个人项目中移植出来的,分享给大家,希望大家能够喜欢。
    2015-03-03
  • VUE基于NUXT的SSR 服务端渲染

    VUE基于NUXT的SSR 服务端渲染

    这篇文章主要介绍了VUE基于NUXT的SSR 服务端渲染,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11

最新评论