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

差值是第二个参数。它们的第二个参数，虽然都是两个数字，但期望的是两个不同的东西:

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

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'

子弦(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

我最近遇到的另一个问题是，在IE 8中，“abcd”.substr(-1)错误地返回“abcd”，而Firefox 3.6则返回“d”。Slice在两者上都能正常工作。

关于这个主题的更多信息可以在这里找到。

substr (MDN)的参数为(from, length)。 substring (MDN)的参数为(from, to)。

更新:MDN考虑substr遗留问题。

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

你可以记住substring(带i)接受索引，就像另一个字符串提取方法slice(带i)一样。

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

主要的区别在于

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"