js中!和!!的区别及用法

最新推荐文章于 2024-08-17 21:49:37 发布
最新推荐文章于 2024-08-17 21:49:37 发布
阅读量102 收藏
点赞数
分类专栏： js 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it___is_/article/details/119026920
版权
本文探讨了JavaScript中逻辑运算符！的双重使用，不仅作为逻辑非操作，还用于类型转换。特别是！！组合，它能确保在值为null、undefined或空字符串时过滤掉这些情况。此技巧常用于数据过滤和类型检查场景。
摘要由CSDN通过智能技术生成

今天在看代码的时候，看到有写
.filter((item: any) => !!item.name && !!item.value)

!除了逻辑运算中的中的取非之外，还可以double用来做类型判断，也就是上边的代码。
！可将变量转换成boolean类型， null、undefined和空字符串取反都为true，其余都为false

。
！！则先将value转成取反的布尔值，将得到的布尔值再次取反，保证value的值为null，undefined和空字符串的情况下被过滤掉

进击的切图仔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中!和!!的区别与用法
10-15
字符串"false"在JavaScript中实际上是真值，因为当使用逻辑非操作符时，JavaScript会尝试将字符串值转换为布尔值： ```javascript !!false; // 返回 false !!"false"; // 返回 true，因为非空字符串是真值 !!true; ...
谈谈JS中的!!
10-18
操作符的使用方法非常简单，它是在变量或表达式前加上两个感叹号。第一个感叹号会将变量或表达式转换为它的逻辑非（即falsy值变为truthy，truthy值变为falsy），而第二个感叹号则再次将结果逻辑非，从而得到一个明确...
浅谈JS中的!=、== 、!==、===的用法和区别
10-21
JavaScript中的比较运算符是编程中不可或缺的部分，它们用于判断变量或表达式之间的关系。本文将深入探讨JS中的`!=`、`==`、`!==`和`===`这四个比较运算符的用法和差异。 首先，我们来看`==`和`!=`。这两个运算符在...
浅谈JavaScript中的“!!”作用
10-15
JavaScript中的"!!"操作符的作用 在JavaScript编程中，"!!"这个操作符组合经常被用作将一个非布尔类型的值转换成对应的布尔值。这个操作符组合通常由两个感叹号"!"组成，其中每个"!"首先对给定的值进行逻辑非操作，...
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 298
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 947
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1123
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
CSS的:defined伪类：选择已定义元素的新选择器
2401_85743969的博客
08-17 469
在CSS中，伪类用于选择元素的不同状态或行为。:defined伪类是CSS4的一个特性，用于选择已经在文档中定义的元素。
【无标题】
weixin_42348009的博客
08-14 174
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 968
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
NVDLA专题4：具体模块介绍——Convolution DMA
fangfanglovezhou的博客
08-14 570
NVDLA专题4：具体模块介绍——Convolution DMA
一些有趣的XSS注入GAME
最新发布
qq_67758645的博客
08-17 648
如果我们不经过前面的javascript:将其变成字符串，那么传进去后时候就会带两个引号，那么就算setTimeout可以将字符串当作代码执行，但是，里面还是一层字符串，执行不了。我理解的是javascript：将后面的alert字符串替换成alert js代码，类似于eval的作用，传进setTimeout的时候就不是字符串，而是js代码。将%编码试试，%25，这样到后端以后就会变成%28 %29，如果js能够解码的话，最后传到页面的时候在解码%28，%29为（），这样不就实现了嘛。
Bootstrap 附加导航（Affix）插件
2402_83140078的博客
08-17 533
附加导航（Affix）插件允许指定 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。
Javascript嵌套函数的调用
Cc040909的博客
08-17 340
闭包的嵌套函数就不同了，由于有两个函数，调用栈就标记为1， 表示内部还有函数，这个函数不知道什么时候才执行，所以js引擎就把他保存在内存中了。恰好第一个函数和第二个函数执行的时候，眼睛观察到的调用是看不到对象，所以执行的是默认绑定，都默认绑定在全局对象window上(浏览器环境)。上面这个总结的过程非常微妙，细节就在于嵌套的函数的分部执行过程，尽管内部函数嵌套在外部函数内，但是外部函数并没有影响内部函数的权利，内部函数的执行是不受外部函数控制的。外部函数和内部函数是两个不同的事件循环位置，独立调用的，
C#中Newtonsoft.Json 库的使用
weixin_64532720的博客
08-14 241
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的一个子集，标准 ECMA-262 第三版 - 1999 年 12 月。JSON 格式的数据由键值对组成，数据以文本形式存储和交换。
使用MicroApp重构旧项目
Vivien_CC的博客
08-15 865
随着技术的飞速发展，我们公司内部一个基于“上古神器” jQuery + PHP 构建的十年历史老项目已显力不从心，技术非常老旧且维护成本高昂，其实已经无数次想要重构，但是苦于历史遗留原因以及业务的稳定性而一直难以下手，而且一时半会又不能全部重构。本次新页面较多且后续将持续迭代新模块，而老页面的改动较少且代码库错综复杂，牵一发而动全身。经过几番思考，我们发现。
基于vue框架的SSM基于B_S的毕业设计题目管理系统的设计与实现ij0q7（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-13 737
在高等教育体系中，毕业设计作为学生综合运用所学知识和技能，解决实际问题的重要环节，其管理过程的高效性和透明度直接影响到学生的培养质量和学校的教学管理水平。随着信息技术的快速发展，开发一套基于Web的毕业设计题目管理系统，实现题目申报、审核、分配、进度跟踪等流程的信息化管理，已成为提升毕业设计管理效率和质量的重要途径。每个步骤都需要仔细配置和测试，以确保系统的稳定性和高效性。[6]师明,曾丹.基于Vue.js和Spring Boot的校招日记系统[J].工业控制计算机,2020,33(01):95-97.
JavaScript基础（三）BOM、DOM模型
weixin_68441705的博客
08-14 267
BOM ：Browser Object Model 浏览器对象模型window：screen：屏幕history：访问历史记录location:访问地址，url。
发票查验接口哪个好？如何JavaScript集成发票识别+查验接口
weixin_41711744的博客
08-14 317
选择发票查验接口时，应综合考虑查验准确度、响应速度、日志留存能力以及是否支持批量识别和自动分类等因素。进项发票管理比较麻烦，需要手工把发票信息一张一张入账，对财务是一个比较大的工作量，而发票识别+发票查验接口功能让财务人员的工作起到了事半功倍的效果。发票识别+发票查验API，自主识别核心技术，识别速度快、识别准确率高，发票查验接口，实时联网核验发票的真伪，返回为真的结果还可返回全票面信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值