Javascript !== 给出的结果与 === 的倒数不同

Question

我已将色轮图像加载到画布上，并且在数组中有一个色调值列表。我循环遍历画布上的每个像素，并删除与相同色调值匹配的像素。

其代码是：

var element = document.getElementById("wheel-canvas");
var c = element.getContext("2d");   
var image = c.getImageData(0, 0, 375, 375);
var imageData = image.data;
paletteList = this.collection.pluck('hsv');
for (var i = 0, n = imageData.length; i < n; i += 4) {
    var hsv = this.model.convertRGBToHSV(imageData[i], imageData[i+1], imageData[i+2]);
    var hue = hsv[0];
    var sat = hsv[1];
    var val = hsv[2];
    $.each(paletteList, function(index, value) {
    if (hue === value[0])   
    {
        imageData[i] = '0';
        imageData[i+1] = '0';
        imageData[i+2] = '0';
    }
    });

}

   c.putImageData(image, 0, 0);

现在我希望所有与色调不匹配的像素都变为黑色。我更改了代码：

if (hue !== value[0])   

并得到以下结果：

为什么它看起来不像相反第一个圈子？

谢谢你！

Answer 1

您确定将哪些像素设置为黑色的逻辑是错误的。

请注意，在 each 循环中，每个像素的色调将不等于调色板列表中的某些色调，因此所有像素都将设置为黑色。

您真正想要对每个像素执行的操作是检测其色调是否在调色板列表中。

var matched = false;
$.each(paletteList, function(index, value) {
    if (hue === value[0]) {
        matched = true;    
        return false;
    }
}
if (!matched) {
    imageData[i] = '0';
    imageData[i+1] = '0';
    imageData[i+2] = '0';
}

Answer 2

您需要使用 != 表示“不等于”，因为您只想比较值。
检查一下： Javascript 比较

!== 还将比较身份/对象，它们是不一样的（正如基斯提到的）。

Answer 3

平等和身份之间是有区别的。

相等（==，!=）

• 如果两个表达式的类型不同，则尝试转换
  它们为字符串、数字或布尔值。
• NaN 不等于任何值（包括其自身）。
• 负零等于正零。
• null 等于 null 和 undefined。
• 如果值在数字上是相同的字符串，则认为它们相等
  相等的数字、相同的对象、相同的布尔值，或者（如果
  不同类型）他们可能会被迫进入其中一种情况。
• 所有其他比较都被视为不平等。

身份（===.!==）

这些运算符的行为与相等运算符相同，除了 no
类型转换完成，类型必须相同才可以
被视为平等。

来源。 所以 !== 不能成为问题。

Answer 4

找不到您所指的运营商。我建议你使用 !( a=== b)

看看 w3school javascript 运算符列表

Answer 5

您使用 !== 比较字符串与整数，这将始终返回 false。
检查 http://jsfiddle.net/k4EAQ/

使用 != Javascript 不会检查类型，并且会给你你想要的。但如果您喜欢使用 !== 您始终可以将变量转换为整数或字符串，以便确保它们与类型匹配。

如何将字符串转换为整数JavaScript？