浅谈substr(),substring(),slice()的用法区别

Dax1_

已于 2022-08-15 16:41:08 修改

阅读量503

点赞数

分类专栏：前端学习日记文章标签： javascript 前端开发语言

于 2022-06-12 23:56:44 首次发布

本文链接：https://blog.csdn.net/Dax1_/article/details/125252032

版权

前端学习日记专栏收录该内容

162 篇文章 15 订阅

订阅专栏

本文详细介绍了JavaScript中substr、substring和slice三个方法的区别和用法。substr从指定下标开始截取长度指定的字符，substring和slice则截取指定范围内的字符，但slice在遇到负数参数时会从末尾开始计数。通过多个示例展示了它们的不同行为，如负数参数、省略第二个参数等场景，帮助开发者更好地理解和使用这些字符串操作方法。

摘要由CSDN通过智能技术生成

1 三者区别

substr(start,length)返回从指定下标开始的长度为length的字符，可以为负数
substring(start,end)返回指定下标间的字符，包含start，不包含end
slice(start,end)返回指定下标间的数组元素，包含start，不包含end
substr和substring是字符串特有的方法，slice既是数组方法，也是字符串方法

2 substring和slice

2.1 substring MDN

在这里插入图片描述

2.2 slice MDN

在这里插入图片描述

2.3 区别

substring和slice的主要区别在于，substring任一参数小于0或者为Nan，则当作0。slice的参数为负数，则它表示在原数组中的倒数第几个元素。

3. 举个栗子

var stringValue = "hello world";

console.log(stringValue.slice(3));          //”lo world”
console.log(stringValue.substring(3));      //”lo world”
console.log(stringValue.substr(3));        //”lo world”

console.log(stringValue.slice(3,7));         //”lo w”
console.log(stringValue.substring(3,7));    //”lo w”
console.log(stringValue.substr(3,7));       //”lo worl”

console.log(stringValue.slice(-3));         //"rld"　从后往前数3个开始
console.log(stringValue.substring(-3));     //"hello world" 为负，默认从0开始
console.log(stringValue.substr(-3));        //"rld"

console.log(stringValue.slice(3,-4));       //”lo w”　下标从3开始到-4(从后往前数4个)
console.log(stringValue.substring(3,-4));   //”hel”　
console.log(stringValue.substr(3,-4));      //””　长度为负，默认不显示