substr 和 substring 有什么区别?

alert("abc".substr(0,2));
alert("abc".substring(0,2));

答案

区别在于第二个参数。 substring的第二个参数是要在(但不包括)处停止的索引,而substr的第二个参数是要返回的最大长度。

链接?

https://developer.mozilla.org/zh-CN/JavaScript/Reference/Global_Objects/String/substr

https://developer.mozilla.org/zh-CN/JavaScript/Reference/Global_Objects/String/substring

substrMDN )将参数设为(from, length)
substringMDN )将参数设为(from, to)

alert("abc".substr(1,2)); // returns "bc"
alert("abc".substring(1,2)); // returns "b"

您可以记得substring采用索引,还有另一种字符串提取方法slice

从 0 开始时,可以使用任何一种方法。

正如 yatima2975 的回答所暗示的,还有另外一个区别:

substr()接受一个负的起始位置作为与字符串结尾的偏移量。 substring()没有。

MDN

如果 start 为负,则 substr()将其用作字符串末尾的字符索引。

所以总结一下功能上的区别:

substring(begin-offset, end-offset-exclusive) ,其中开始偏移为0或更大

substr(begin-offset, length) ,其中 start-offset 也可以是负数

我最近遇到的另一个问题是,在 IE 8 中, "abcd".substr(-1)错误地返回"abcd" ,而 Firefox 3.6 则应返回"d"slice在两者上均正常工作。

有关此主题的更多信息,请参见此处

主要区别在于

substr()允许您指定要返回的最大长度

substring()允许您指定索引,第二个参数不包含在内

substr()和 substring()之间还有一些其他的细微之处,例如对相等参数和负参数的处理。还要注意 substring()和 slice()相似,但并不总是相同。

//*** length vs indices:
    "string".substring(2,4);  // "ri"   (start, end) indices / second value is NOT inclusive
    "string".substr(2,4);     // "ring" (start, length) length is the maximum length to return
    "string".slice(2,4);      // "ri"   (start, end) indices / second value is NOT inclusive

  //*** watch out for substring swap:
    "string".substring(3,2);  // "r"    (swaps the larger and the smaller number)
    "string".substr(3,2);     // "in"
    "string".slice(3,2);      // ""     (just returns "")

  //*** negative second argument:
    "string".substring(2,-4); // "st"   (converts negative numbers to 0, then swaps first and second position)
    "string".substr(2,-4);    // ""
    "string".slice(2,-4);     // ""

  //*** negative first argument:
    "string".substring(-3);   // "string"        
    "string".substr(-3);      // "ing"  (read from end of string)
    "string".slice(-3);       // "ing"

区别是第二个参数。他们的第二个参数,虽然两个数字,都期望两个不同的东西:

使用子字符串时,第二个参数是不包括的第一个索引:

var s = "string";
s.substring(1, 3); // would return 'tr'

var s = "another example";
s.substring(3, 7); // would return 'ther'

使用 substr 时,第二个参数是要包含在子字符串中的字符数:

var s = "string";
s.substr(1, 3); // would return 'tri'

var s = "another example";
s.substr(3, 7); // would return 'ther ex'

Slice vs Substr vs Substring vs [] 方法

这些 javascript 方法均具有性能优势。请相应地使用这些功能。

substring():它有 2 个参数 “开始” 和 “结束”。

  • start参数是必需的,它指定开始提取的位置。
  • end参数是可选的,它指定提取应终止的位置。

如果未指定 end 参数,则提取从开始位置到字符串结尾的所有字符。

var str = "Substring Example";
var result = str.substring(0, 10);
alert(result);

Output : Substring

如果 start 参数的值大于 end 参数的值,则此方法将交换两个参数。这意味着开始将用作结束,而结束将用作开始。

var str = "Substring Example";
var result = str.substring(10, 0);
alert(result);

Output : Substring

substr() :它有 2 个参数 “start” 和 “count”。

  • start 参数是必需的,它指定开始提取的位置。

  • count 参数是可选的,它指定要提取的字符数。

var str = "Substr Example";
var result = str.substr(0, 10);
alert(result);


Output : Substr Exa

如果未指定 count 参数,则将提取从字符串的开始位置到字符串结尾的所有字符。如果 count 为 0 或负数,则返回一个空字符串。

var str = "Substr Example";
var result = str.substr(11);
alert(result);

Output : ple

最大的区别是, substr()一个已弃用的方法 ,仍然可以使用,但应谨慎使用,因为预期它们将在将来的某个时候被完全删除。您应该努力从代码中删除它们的使用。 substring()方法成功并指定了前一个。

子字符串(startIndex,endIndex(不包括))

substr(startIndex,多少个字符)

const string = 'JavaScript';

console.log('substring(1,2)', string.substring(1,2)); // a
console.log('substr(1,2)', string.substr(1,2)); // av