JavaScript中substr()，substring()，slice()区别-优快云博客

本文详细比较了JavaScript中三种常用的字符串截取方法：substr(), substring()和slice()。通过具体示例，展示了不同方法在处理正数和负数参数时的行为差异，以及它们在实际应用中的特点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，substr()

var testStr = “Hello world!”;
console.log(testStr.substr(3,4)); //lo w;
console.log(testStr.substr(3)); //lo world!;
console.log(testStr.substr(3,10)); //lo world!;
console.log(testStr.substr(-1)); //!;
console.log(testStr.substr(-1,3)); //!;

二，substring()

var testStr = “Hello world!”;
console.log(testStr.substring(3,4)); //l;
console.log(testStr.substring(4,1)); //ell;
console.log(testStr.substring(3)); //lo world!;
console.log(testStr.substring(3,10)); //lo worl;
console.log(testStr.substring(-1)); //Hello world!
console.log(testStr.substring(-1,3)); //Hel;

注意

console.log(testStr.substring(3,-1)); //Hel;

三，slice()

var testStr = “Hello world!”;
console.log(testStr.slice(3,4)); //l;
console.log(testStr.slice(4,1)); //空字符;
console.log(testStr.slice(3)); //lo world!;
console.log(testStr.slice(3,10)); //lo worl
console.log(testStr.slice(-1)); //!;
console.log(testStr.slice(-3)); //ld!;
console.log(testStr.slice(-1,3)); //空字符;

总结
slice(index,index) substr(index,length),subtring(index,index)
只指定一个参数(正整数)时，返回的结果都一样

传递负值参数时，slice() 会将传入的负值和字符串的长度相加；

　　　　　　　　substr() 会将参数的第一个参数加上字符串的长度，将第二个负值参数转换成0；

　　　　　　　　substring() 会将所有的负值转换成0

后面这个应该很少人注意

var num = "2345678";
alert( num.substring(4,-2));  //2345

substring() 会把较小的值作为开始位置，较大的值为结束位置
————————————————
版权声明：本文为优快云博主「WebFrontEnd_TL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/u013270347/article/details/80751874

转载于:https://www.cnblogs.com/yungiu/p/11491195.html