不明确的 Javascript 编程模式（函数）。为什么结果不同？

Question

在 Chrome 控制台中我有一个字符串：

var string = 'john, john, bob, nina, colin, bob, luck, robert, nina, john, jack';

然后使用两种看起来与我相同的方法对其进行修改并分配一个新值：

第一种方法：

var string2 = string.split(", ").filter(function(value, index, array){
    return index === array.indexOf(value);
}).join(', ');

第二种方法：

var string3 = string.split(", ").filter(function(value, index, array){
    if(index === array.indexOf(value)) return index;
}).join(', ');

这两种方法应该怎么做：

1. 将字符串分别转换为每个单词的数组。
2. 过滤数组，使不存在重复值。
3. 将数组转回字符串格式。

我希望 string2 和 string3 的值是：

"john, bob, tony, nina, colin, luck, robert, jack"

它们应该严格相同（根据我的逻辑）。

我实际得到的：

string2 = "john, bob, tony, nina, colin, luck, robert, jack";
string3 = "bob, tony, nina, colin, luck, robert, jack"

第二个字符串中缺少“John”。

我已经检查过的内容：

1. 严格比较 (===)，即在 if-statement () 对于第一个“john”是正确的。
2. 既索引（参数 函数）和第一个“约翰”的值的索引是 0 符合预期。

我的问题：

请解释一下，为什么结果不同？

Answer 1

你的第二个例子：

var string2 = string.split(", ").filter(function(value, index, array){
    if(index === array.indexOf(value)) return index;
}).join(', ');

if(index === array.indexOf(value)) return index; 这行写错了。

如果是index === array.indexOf(value)，那将返回index，如果不是，则什么也没有。您需要返回true 或false。

在 JavaScript 中，除0 之外的所有数字都转换为true，并且0 转换为false。因此，如果index 是0，那么您基本上返回的是false 而不是true。

这是正确的代码：

var string2 = string.split(", ").filter(function(value, index, array){
    if(index === array.indexOf(value)) return true;
    else return false;
}).join(', ');

Answer 2

你的结果是相反的。第一个代码块是消除“John”的代码块。 （已编辑问题以更正此问题）

对于string3，它消除了“John”，因为它返回“John”索引的唯一时间是“John”位于索引0，这是一个虚假值，所以“John”不会包含在结果中。

如果你返回一个布尔值会更清楚，就像在工作示例中一样，所以当值本身是假的时你不需要处理问题。

Answer 3

if (index === array.indexOf(value)) return index; // returns 0, at index 0,
                                                  // should return true

对

return index === array.indexOf(value);

这只是第一种情况下索引为零的问题，您返回索引为零，这会将Array#filter解析为false，而它应该是true，就像在第二种情况下一样。