js之substr和substring的差别

今天有人在群里问这两个的差别,借这个机会在这罗列下

substring(from,to)

開始和结束的位置,从零開始的索引

參数     描写叙述
from     必需。

一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。


to          可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。假设省略该參数,那么返回的子串会一直到字符串的结尾。

substring 方法返回的子串包含 start 处的字符。但不包含 to处的字符。


假设 from与 to相等。那么该方法返回的就是一个空串(即长度为 0 的字符串)。


假设 from比 to大,那么该方法在提取子串之前会先交换这两个參数。
假设 from或 to为负数,那么它将被替换为 0。


substr(from, length )

start   必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包含的字符个数。

var str = "0123456789";

alert(str.substring(0));------------"0123456789"
alert(str.substring(5));------------"56789"
alert(str.substring(10));-----------""
alert(str.substring(12));-----------""
alert(str.substring(-5));-----------"0123456789"
alert(str.substring(-10));----------"0123456789"
alert(str.substring(-12));----------"0123456789"
alert(str.substring(0,5));----------"01234"
alert(str.substring(0,10));---------"0123456789"
alert(str.substring(0,12));---------"0123456789"
alert(str.substring(2,0));----------"01"
alert(str.substring(2,2));----------""
alert(str.substring(2,5));----------"234"
alert(str.substring(2,12));---------"23456789"
alert(str.substring(2,-2));---------"01"
alert(str.substring(-1,5));---------"01234"
alert(str.substring(-1,-5));--------""

alert(str.substr(0));---------------"0123456789"
alert(str.substr(5));---------------"56789"
alert(str.substr(10));--------------""
alert(str.substr(12));--------------""
alert(str.substr(-5));--------------"56789"
alert(str.substr(-10));-------------"0123456789"
alert(str.substr(-12));-------------"0123456789"
alert(str.substr(0,5));-------------"01234"
alert(str.substr(0,10));------------"0123456789"
alert(str.substr(0,12));------------"0123456789"
alert(str.substr(2,0));-------------""
alert(str.substr(2,2));-------------"23"
alert(str.substr(2,5));-------------"23456"
alert(str.substr(2,12));------------"23456789"
alert(str.substr(2,-2));------------""
alert(str.substr(-1,5));------------"9"
alert(str.substr(-1,-5));-----------""    



原文地址:https://www.cnblogs.com/tlnshuju/p/6946036.html