浅谈Javascript中substr和substring的区别

 更新时间:2015年09月30日 12:21:10   投稿:hebedich  
这篇文章主要介绍了Javascript中substr和substring的区别,非常的简单明了,有需要的小伙伴可以来仔细看看。

 由于在项目中有需要对字符串进行截取,然后手残使用了IDE自动提示的substr,没想那么多以为substr和substring没多大区别。

然而并不是,且听我一一道来。

1. substr(index, length)

  从起始索引号提取字符串中指定数目的字符。

  substr方法可以传入两个参数 index和length。index是起始位,length是截取的长度。

  当index是个非负整数时:

    a. 如果不传入参数,则得到的还是字符串本身。

        如: "abcdefg".substr() -> "abcdefg"

    b. 如果只传入一个参数,即index,则默认截取到字符串最后一位。

        如: "abcdefg".substr(2) -> "defg".

  当index是个负整数时:

    c. 如果传入一个负整数下标位则从后往前数,起始位为1,到达负整数绝对值的下标位,截取则是从前往后。

        如: "abcdefg".substr(-2) -> "fg"  <=> "abcdefg".substr(-2 + "abcdefg".length)

2. substring(start, end)

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

  substring也是传入两个参数,但是这两个参数都是下标数字,下标从0开始计算,截取的长度是这两个下标的差

  可以记作"含头不含尾"

  如: "abcdefg".substring(2,4) -> "cd"

相关文章

  • JS中的继承操作实例总结

    JS中的继承操作实例总结

    这篇文章主要介绍了JS中的继承操作,结合实例形式总结分析了JS中的原型链继承、构造函数继承、组合继承、class继承等常见继承操作实现技巧,需要的朋友可以参考下
    2020-06-06
  • JavaScript金额运算出现精度丢失问题的解决方案

    JavaScript金额运算出现精度丢失问题的解决方案

    在 JavaScript 中,浮点数运算可能会产生精度丢失的问题,尤其在处理 金额计算 时,本文为大家整理了一些常用方法,有需要的小伙伴可以根据需求进行选择
    2025-03-03
  • JavaScript事件流之事件处理和传播机制深入理解

    JavaScript事件流之事件处理和传播机制深入理解

    本文将详细介绍JavaScript事件流的发展流程、属性以及应用场景,并提供一些代码示例和引用资料,帮助读者深入理解并应用这一重要的前端技术,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • JavaScript使用localStorage存储数据

    JavaScript使用localStorage存储数据

    这篇文章主要为大家详细介绍了JavaScript使用localStorage存储数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • JavaScript实现字符串截取的三个方法总结

    JavaScript实现字符串截取的三个方法总结

    在 JavaScript 中,可以使用 substr()、slice() 和 substring() 方法截取字符串。这篇文章就来通过一些示例和大家聊聊这些方法的具体操作,需要的可以参考一下
    2023-02-02
  • 基于VSCode调试网页JavaScript代码过程详解

    基于VSCode调试网页JavaScript代码过程详解

    这篇文章主要介绍了基于VSCode调试网页JavaScript代码过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript实现获取最近7天的日期的方法详解

    JavaScript实现获取最近7天的日期的方法详解

    这篇文章主要想和大家分享一些JavaScript开发中会用到的小技巧,本文主要介绍了js获取最近7天的日期,判断当前日期时间大于指定日期时间等内容,需要的可以参考一下
    2023-04-04
  • JavaScript实现select添加option

    JavaScript实现select添加option

    这篇文章主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
    2015-07-07
  • JavaScript打开客户端exe文件的代码

    JavaScript打开客户端exe文件的代码

    可以运行客户端exe文件的代码
    2008-10-10
  • 微信小程序 wx:for遍历循环使用实例解析

    微信小程序 wx:for遍历循环使用实例解析

    这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论