javascript怎么判断变量是否相等
判断方法:1、利用相等运算符“==”或者“===”;2、利用数组中的toString()方法;3、利用“Object.is()”方法;4、先利用“JSON.stringify()”将对象或数组转为字符串类型,然后使用“===”进行相等比较。
本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
判断变量相等的方式
判断变量是否相等,大致有以下一些方式
==
以及===
;- 利用数组中的
toString
方法; ES6
中的Object.is
方法;- 利用
JSON.stringify
,转换为String
类型来比较;
==
及 ===
==
为转换类型比较运算符,===
为严格比较运算符,在数据类型相同的情况下,使用==
一般不会造成问题。
let num = 5; let num2 = 5; num == num2;//true num === num2;//true
但在数据类型不一致的情况下,==
会做一些隐性的类型转换。
let num = 5; let str = '5'; num == str;//true num === str;//false '' == false;//true '' === false;//false null == undefined;//true null === undefined;//false
隐性转换类型可以带来一些便利性,但也有可能造成不易发现的bug
,所以还是更推荐使用===
来进行比较,这也是TS
之所以流行的原因之一。
此外,上面列举的都是基本数据类型的比较,而在用===
比较引用类型时,会存在一定的局限性。
let a = {xx: 1}; let b = a; a === b;//true let c = {xx: 1}; let d = {xx: 1}; c === d;//false
在比较引用类型时,===
比较的是变量的引用是否相同,而非值
,当引用不同时,就会返回false
。
由此可见,===
并不是一枚无往不利的银弹,在比较对象是否相等时,还需要借助其他更可靠的方法。
【推荐学习:javascript高级教程】
Array toString方法
前端给后端传参时,后端有时会要求多个参数,
隔开,Array toString
方法就比较有用了,这一方法也能用作数组比较。
let arr = [1,3,5,7,9]; let arr2 = [1,3,5,7,9]; arr.toString() === arr2.toString();//true "1,3,5,7,9"
不过也存在一定的局限性,不能用来比较二维及以上的数组、不能包含null
、undefined
、object
、function
等,否则容易出错,如下
[1,3,5,[2,4,6]].toString();//"1,3,5,2,4,6" [1,null,undefined,'',2].toString();//"1,,,,2" [{xx:2},window,1,2].toString();//"[object Object],[object Window],1,2"
Object.is方法
Object.is
是ES6中新增的方法,与===
非常类似,同样用作比较两个值是否相等。
Object.is(1,1);//true Object.is('str','str');//true Object.is({},{});//false
不同的是在判断+0
和-0
、NaN
和NaN
时的区别。
+0 === -0 //true NaN === NaN //false Object.is(+0, -0) //false Object.is(NaN, NaN) //true
在处理兼容性问题时,polyfill可以这么写。
if (!Object.is) { Object.is = function(x, y) { if (x === y) { // 针对+0 不等于 -0的情况 return x !== 0 || 1 / x === 1 / y; } else { // 针对NaN的情况 return x !== x && y !== y; } }; }
JSON.stringify
JSON.stringify
方法用于把对象或者数组转换为一个 JSON字符串,得出的字符串便可以用作对象的比较。
let obj = {name: 'lin', age: 24}; let obj2 = {name: 'lin', age: 24}; obj === obj2;//false JSON.stringify(obj) === JSON.stringify(obj2);//true
JSON.stringify
弥补了===
无法准确比较对象的局限,不过它也有一定的局限性,在遇到undefined
、function
以及symbol
值时会忽略。
另外,值得一提的是利用JSON.parse
、JSON.stringify
可实现对象深拷贝,局限性同上。
何时使用它们
不一样的场景可能有不一样的需求,如果只比较基本数据类型,那么===
就足够了,如果想“一劳永逸
”,那么付出一定的成本使用自定义方法无疑是有必要的。
在日常反复的开发中,还是要多多探索吧。
更多编程相关知识,请访问:编程视频!!
以上就是javascript怎么判断变量是否相等的详细内容,更多请关注其它相关文章!