JS基础6--逻辑运算符
2022/6/4 23:50:11
本文主要是介绍JS基础6--逻辑运算符,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
&&与 ||或 !非 如果对一个值进行两次取反,它不会变化 如果对一个非布尔值进行取反,则会将其转换为布尔值,再取反 所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型 可以为任意一个数据类型进行两次取反,来将其转换为布尔值 原理和Boolean()函数一样 {}是一个不完全空的对象,因为他的原型链上还有Object呢,而null就是完全空的对象,啥也没有,原型链也没有,所以null instanceof Object === false; [ ] 就更不用说了,它的原型链上还比{}多一个Array。 所以,纯粹意义上初始化一个空对象应该用null,{}更像是初始化对象,和new一个没有key的Obejct是一样的。还有就是空数组转换成布尔类型返回的是true:
因为数组(不管是不是空的)属于对象类型,对象类型转为boolean类型(内部对应)时都是true。所以判断数组一般使用的是判断数组的长度。 */ 源码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS基础6--逻辑运算符</title> </head> <script> /* &&与 ||或 !非 如果对一个值进行两次取反,它不会变化 如果对一个非布尔值进行取反,则会将其转换为布尔值,再取反 所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型 可以为任意一个数据类型进行两次取反,来将其转换为布尔值 原理和Boolean()函数一样 {}是一个不完全空的对象,因为他的原型链上还有Object呢,而null就是完全空的对象,啥也没有,原型链也没有,所以null instanceof Object === false;[]就更不用说了,它的原型链上还比{}多一个Array。 所以,纯粹意义上初始化一个空对象应该用null,{}更像是初始化对象,和new一个没有key的Obejct是一样的。 还有就是空数组转换成布尔类型返回的是true: 因为数组(不管是不是空的)属于对象类型,对象类型转为boolean类型(内部对应)时都是true。所以判断数组一般使用的是判断数组的长度。 */ var a = false a = !a console.log('a=' + a)//true var b = 'false' b = !!b console.log('b=' + b)//非空字符串转换成布尔值为true var c = '' c = !!c console.log('c=' + c)//空字符串转换成布尔值为false var d = undefined d = !!d console.log('d=' + d)//undefined转换成布尔值为false var e = null e = !!e console.log('e=' + e)//null转换成布尔值为false var f = {} f =!!f console.log(' f =' + f)//{}换成布尔值为true var g = [] g = !!g console.log(' g =' + g)//[]换成布尔值为true </script> </html>
这篇关于JS基础6--逻辑运算符的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21Vue3教程:新手入门到实践应用
- 2024-12-21VueRouter4教程:从入门到实践
- 2024-12-20Vue3项目实战:从入门到上手
- 2024-12-20Vue3项目实战:新手入门教程
- 2024-12-20VueRouter4项目实战:新手入门教程
- 2024-12-20如何实现JDBC和jsp的关系?-icode9专业技术文章分享
- 2024-12-20Vue项目中实现TagsView标签栏导航的简单教程
- 2024-12-20Vue3入门教程:从零开始搭建你的第一个Vue3项目
- 2024-12-20从零开始学习vueRouter4:基础教程
- 2024-12-20Vuex4课程:新手入门到上手实战全攻略