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-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist