[JavaScript]“===”的陷阱

最新推荐文章于 2024-03-01 08:36:13 发布

kikook

最新推荐文章于 2024-03-01 08:36:13 发布

阅读量197

点赞数

分类专栏： WEB 文章标签： JavaScript

本文链接：https://blog.csdn.net/chenhanxuan1999/article/details/88320447

版权

8 篇文章 1 订阅

订阅专栏

开始学js的时候，记得教程里面有一句话：js代码中只需要使用===就可以的，因为===是在==的基础上首先进行了数据类型的判断的预处理，更加的强大

今天发现这个说法有问题，代码：

使用==的时候：

var a = [‘A’, ‘B’, ‘C’, ‘D'];
for(var i in a){
    console.log(i);
    console.log(a[i]);
    if(i == 2){
        break;
    }
}

运行结果：

[Log] 0
[Log] A
[Log] 1
[Log] B
[Log] 2
[Log] C

使用===的时候：

var a = [‘A’, ‘B’, ‘C’, ‘D'];
for(var i in a){
    console.log(i);
    console.log(a[i]);
    if(i === 2){
        break;
    }
}

运行结果：

[Log] 0
[Log] A
[Log] 1
[Log] B
[Log] 2
[Log] C
[Log] 3
[Log] D

进行数值书写的时候，如果不清楚对应的数据类型，使用==是最保险的，因为会在数据类型不同的时候自动进行数据类型转换之后再进行比较，如果使用===，则需要对每一个过程中的数据类型及其清晰才行

这里的问题就在于 for in 循环中的计数变量不是整型数字而是字符串，所以使用==的时候会进行数据类型的自动转换和比较===就不会这样做了

var a = [1,2,3];
a.index = “test”; //add new property of a
for(var i in a){
	console.log(i);
	console.log(a[i]);
}

运行结果：

[Log] 0
[Log] 1
[Log] 1
[Log] 2
[Log] 2
[Log] 3
[Log] index
[Log] test

可以从上面的代码看到，其实js设计的时候，for in循环得到的并不是每一个序列中的对象，其实也不是下标，而是序列中对象本身的属性

关注