脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 截取字符串 subStr()、substring()、slice()

JS截取字符串 subStr()、substring()、slice() 方法示例详解

 更新时间：2024年01月17日 10:56:46   作者：alokka  
这篇文章主要介绍了JS截取字符串 subStr()、substring()、slice() 方法,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

1. subStr(start, length)

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

var str = "Hello world!";
console.log(str.substr(3, 5));
// lo wo

没有设置 length 时默认到末尾

var str = "Hello world!";
console.log(str.substr(3));
// lo world!

2. substring(start, end)

string.substring(start, end) 方法从 start 位置截取到 end 位置，end 可选

var str = "Hello world!";
console.log(str.substring(3, 8));
// lo wo

没有设置 end 时默认到末尾

var str = "Hello world!";
console.log(str.substring(3));
// lo world!

特点：

如果 start > stop ，start和stop将被交换

var str = "Hello world!";
console.log(str.substring(8, 3));
// lo wo

如果参数是负数或者不是数字，将会被0替换

var str = "Hello world!";
console.log(str.substring(-1, 8));
// Hello wo

3. slice(start, end)

slice(start,end) 方法用于提取字符串的某个部分（从参数 start 到 end 位置），并以新的字符串返回被提取的部分。类似 substring()。

var str = "Hello world!";
console.log(str.slice(3, 8));
// lo wo

没有设置 end 时默认到末尾

var str = "Hello world!";
console.log(str.slice(3));
// lo world!

特点：

如果 start > end 不会交换两者

var str = "Hello world!";
console.log(str.slice(8, 3));
// undefined

如果 start 小于0，则切割从字符串末尾往前数的第 start 个的字符开始(包括该位置的字符)

var str = "Hello world!";
console.log(str.slice(-2, -1));
// d
var str = "Hello world!";
console.log(str.slice(-2));
// d!

如果 end 小于0，则切割在从字符串末尾往前数的第 end 个字符结束(不包含该位置字符)

var str = "Hello world!";
console.log(str.slice(3, -2));
// lo worl

到此这篇关于JS截取字符串 subStr()、substring()、slice() 方法的文章就介绍到这了,更多相关js 截取字符串 subStr()、substring()、slice()内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • js中??是什么意思(示例场景)

    js中??是什么意思(示例场景)

    ?? 是一个非常有用的运算符,特别适合在需要区分 null/undefined 和其他假值的场景中使用,它可以帮助你更精确地处理默认值逻辑,本文给大家介绍js中??是什么意思,感兴趣的朋友一起看看吧
    2025-04-04
  • js模拟F11页面全屏显示

    js模拟F11页面全屏显示

    这篇文章主要为大家详细介绍了js模拟实现F11使页面全屏显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 原生js仿jquery一些常用方法(必看篇)

    原生js仿jquery一些常用方法(必看篇)

    下面小编就为大家带来一篇原生js仿jquery一些常用方法(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • js实现横向伸展开的二级导航菜单代码

    js实现横向伸展开的二级导航菜单代码

    这篇文章主要介绍了js实现横向伸展开的二级导航菜单代码,涉及javascript鼠标事件及页面元素遍历的相关技巧,需要的朋友可以参考下
    2015-08-08
  • form表单转Json提交的方法(推荐)

    form表单转Json提交的方法(推荐)

    下面小编就为大家带来一篇form表单转Json提交的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • Typescript文件被识别为视频的问题解决

    Typescript文件被识别为视频的问题解决

    这篇文章主要为大家介绍了Typescript文件被识别为视频的问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-06-06
  • JavaScript实现倒计时跳转页面功能【实用】

    JavaScript实现倒计时跳转页面功能【实用】

    本文分享了JavaScript实现倒计时跳转页面功能的具体实例代码，页面代码简单，直接拷贝就能运行，页面可以自己美化下哦。需要的朋友一起来看下吧
    2016-12-12
  • 利用js 进行输入框自动匹配字符的小例子

    利用js 进行输入框自动匹配字符的小例子

    制作论坛用到的输入框~想模仿百度之类的写一个自动匹配字符
    2013-06-06
  • JS实现audio音频剪裁剪切复制播放与上传(步骤详解)

    JS实现audio音频剪裁剪切复制播放与上传(步骤详解)

    这篇文章主要介绍了JS实现audio音频剪裁剪切复制播放与上传,本文分步骤通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-07-07
  • js 获取、清空input type=

    js 获取、清空input type=

    本篇文章主要是对js获取、清空input type="file"的值的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02

最新评论