JavaScript 中if(!XXX)的作用

本文解析了JavaScript中逻辑运算符“!”的使用场景及原理,并通过实例代码演示了其在条件判断中的行为表现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对于很多像我这样的小白来说,js里面很多写法都没见过,不要害怕,我们慢慢积累,总会有随心写代码的一天。

我在项目中遇到了下面的写法

var projectName = $("#projectId").find("option:selected").text();
if(!projectName){
	projectName = $("#projectName").val();
}
$("#projectName").val(projectName);

其中!projectName 不知道什么意思,问了一下老程序员后是这样的:第一行代码定义projectName时取值可能为null(""),如果projectName为null的话,在if判断时就会进入判断,当!后面的变量不为null时,就不进入判断语句。

经过测试,得出以下结论:

逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN,那么if判断 false

测试代码实例:

<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script>
window.onload=function(){
var b;

//判断jq选择器返回的对象 ---不管id存不存在都返回jq的object对象

if($("#a")){
alert("a");
}

//未初始化的变量

if(!b){
alert("b");
}

//null

if(!null){
alert("null");
}

//数字 0 

if(!0){
alert("0");
}

//数字 -0

if(!-0){
alert("-0");
}

//空字符串

if(!""){
alert("空字符");
}

//NaN

if(!NaN){
alert("不是数字");
}

//undefined 

if(!undefined ){
alert("undefined ");
}

//dalse

if(!false){
alert("false");
}
alert("end");




}
</script>
</head>
<body><body>
</html>

根据上面红字的结论,对 ‘判断对象’进行判断时,可能会出现true或者false两个可能值(这是一句废话,但还是要写),当判断对象为无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN时,if判断出来是false,加上!就是取反,即为true,那么就将执行{ }里面的代码。

### 将JavaScript中的日期转换为特定格式 在前端开发中,`Date` 对象提供了多种方式来处理和格式化日期。为了实现更灵活的日期格式化功能,除了原生 `Date` 方法外,还可以借助第三方库如 `Day.js`。 #### 使用原生 JavaScript 进行日期格式化 通过创建一个新的 `Date` 实例并调用其方法可以获取到不同的部分,进而构建所需的格式: ```javascript function formatDate(date, format) { let result = ''; const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' }; if(format === "yyyy-MM-dd"){ result = date.toLocaleDateString(undefined, {year:'numeric',month:'2-digit',day:'2-digit'}); }else{ result = date.toLocaleString([], options); } return result; } const now = new Date(); console.log(formatDate(now,"yyyy-MM-dd")); // 输出类似于:2023-10-07 ``` 此代码片段展示了如何定义一个简单的函数来接受自定义格式字符串作为输入参数,并返回相应格式化的日期输出[^1]。 对于更加复杂的场景,则推荐使用专门设计用于简化此类任务的库——比如 `Day.js` 或者 Moment.js(尽管后者已经进入维护模式)。这些库不仅支持更多种预设样式,而且允许开发者更容易地扩展自己的模板标签[^4]。 #### 利用 Day.js 库进行高级格式化 安装完成后,在项目里引入该模块即可享受简洁易懂的方法链语法带来的便利: ```html <script src="https://unpkg.com/dayjs/min/dayjs.min.js"></script> <script type="text/javascript"> document.write(dayjs().format('YYYY/MM/DD HH:mm:ss')); // 当前时间按指定格式展示 </script> ``` 上述 HTML 片段会动态打印出当前系统的本地时间为 YYYY/MM/DD hh:mm:ss 的形式。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值