JavaScript 中 substring() 和 slice() 使用和对比

Question

JavaScript 的字符串 substring() 和 slice() 函数都允许您从字符串中提取子字符串。 但是它们有一些您需要注意的关键区别。

负值

slice() 当您输入一个负数作为参数时， slice()将其解释为从字符串末尾开始计数。 substring() 会将负值视为零。

const sentence = 'Mastering JS is a very helpful website';
sentence.slice(-7); // 'website'
sentence.substring(-5, 12); // 'Mastering JS'

sentence.slice(0, -26); // 'Mastering JS'

参数一致性

有很大的不同 substring() 就是如果第一个参数大于第二个参数， substring() 将交换它们。
slice() 如果第一个参数大于第二个参数，则返回一个空字符串。

const sentence = 'Mastering JS is a very helpful website';
sentence.substring(12, 0); // 'Mastering JS'
sentence.slice(12, 0); // ''
sentence.slice(0, 12); // 'Mastering JS'

推荐

我们建议使用 slice() 超过 substring() 除非您需要参数交换功能。 负数功能非常有用，而且比两者之间的差异更容易记住 substring() 和 substr()。