带参数的 string.slice() 循环麻烦

Question

我对字符串方法很感兴趣，在循环中的字符串上使用slice 时遇到了一个问题：

var sentence = document.querySelector('.newClass').textContent.split(' '),
    blank = '_________________________';

for(var i = 0; i < sentence.length; i += 1) {
    console.log(sentence[i] + blank.substring(blank.length, sentence[i].length) + i); //works
    console.log(sentence[i] + blank.slice(blank.length, sentence[i].length) + i); //???
}

代码： http://jsfiddle.net/cachaito/Jxzd5/

我确定string.slice() 与string.substring() 工作方式相同

Answer 1

有一些细微的差异，其中大部分都在here 中描述。但是，您看到的行为是因为blank.length 始终大于sentence[i].length，并且substring 在这种情况下交换了参数。来自MDN：

如果indexA大于indexB，那么substring的效果就好像两个参数互换了一样；例如，str.substring(1, 0) == str.substring(0, 1)。

但是slice 没有这样做。如果第一个参数大于第二个，结果将是一个空字符串（假设两者都是正数）。

试试这个：

for(var i = 0; i < sentence.length; i += 1) {
    console.log(sentence[i] + blank.substring(blank.length, sentence[i].length) + i); //works
    console.log(sentence[i] + blank.slice(sentence[i].length, blank.length) + i); //works
}

甚至这个：

for(var i = 0; i < sentence.length; i += 1) {
    console.log(sentence[i] + blank.substring(blank.length, sentence[i].length) + i);
    console.log(sentence[i] + blank.slice(0, -sentence[i].length) + i);
}