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()内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

整理Javascript基础语法学习笔记
整理Javascript基础语法学习笔记，之前一系列的文章是跟我学习Javascript，本文就是进一步学习javascript基础语法，希望大家继续关注
2015-11-11
JavaScript实现QQ列表展开收缩扩展功能
这篇文章主要为大家详细介绍了JavaScript实现QQ列表展开收缩扩展功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
JavaScript事件循环同步任务与异步任务
这篇文章主要介绍了JavaScript事件循环同步任务与异步任务，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-07-07
js常见遍历操作小结
这篇文章主要介绍了js常见遍历操作,结合实例形式分析了javascript for循环、for in、for each、each及map遍历简单操作技巧,需要的朋友可以参考下
2019-06-06
JS绘图Flot如何实现可选显示曲线图功能
这篇文章主要介绍了JS绘图Flot如何实现可选显示曲线图功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
顶部缓冲下拉菜单导航特效的JS代码
这篇文章介绍了顶部缓冲下拉菜单导航特效的JS代码，有需要的朋友可以参考一下
2013-08-08
js简单实现HTML标签Select联动带跳转
Select联动带跳转的效果想必大家并不陌生吧，下面有个不错的示例，感兴趣的朋友可以参考下
2013-10-10
html5+javascript实现简单上传的注意细节
这篇文章主要为大家详细介绍了html5+javascript实现上传操作的注意细节，form表单样式不美观等细节问题，感兴趣的小伙伴们可以参考一下
2016-04-04
微信小程序图表插件wx-charts用法实例详解
这篇文章主要介绍了微信小程序图表插件wx-charts用法,结合实例形式较为详细的总结分析了微信小程序图表插件wx-charts的功能、常见用法及相关操作注意事项,需要的朋友可以参考下
2019-05-05
一次让你了解全部JavaScript的作用域
这篇文章主要介绍了一次让你了解全部JavaScript的作用域,作用域决定了变量的生命周期和可见性，变量在作用域范围之外是不可见的。,需要的朋友可以参考下
2019-06-06