JS中一些判空操作,判null,判undefined操作和简化操作和if操作

简介: JS中一些判空操作,判null,判undefined操作和简化操作和if操作

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站点击跳转浏览。


    最近遇到一些前端判空的操作,百度搜了很多了,有关于属性的有误进行判断的,还有根据属性里面的值是否为null 还是{} 来进行判断的,里面判断的方法很多,但是用的不对的话,会对操作有一定的影响.故而总结一下


前端判断属性为null


var exp = null; 
  if (exp == null) 
  { 
      alert("is null"); 
  }


前端判断对象属性存在与否


hasOwnProperty()是用来判断某对象是否含有某属性的,其参数为属性名


var stuObj = {
      name: "cxy"
    }
  console.log(stuObj.hasOwnProperty('name'))

输出为true


判断对象为空


if(JSON.stringify(msg) === '{}'){}
  或者
  if(Object.keys(msg).length === 0){}


对象undefined判断


if(typeof(msg) == 'undefined'){}


Js里面IF(var)表示什么意思?js中if的写法、含义


Q:if(一个变量),没有> < !=这些半短逻辑, 什么时候为真 什么时候为假?

A:是判断逻辑,javascript是弱变量类型语言,通俗地就是没有数据类型。任意值都有逻辑值(真或假):

非真值:null undefined ‘’ 0 false

真值:任意对象、任意非0数字、任意非空字符串、true

如:if(a){}表示如果a为真值就执行。

if(a)… 等价于 if(a==true) 的意思。但是前者的范围比较大。

if(a) 只要a!=0 ; a!=null;a!=undefined;a!=""的情况下基本就成立了。a!=true等同于a!===true。


所以说


if(obj) 其实相当于如果参数不为空或者nul或者undefinedl或者“”空串则if(obj)成立


if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有内容才执行的代码 
  }

上面那么长的代码其实相当于

if(!a){ //a有内容才执行的代码... 
  }


所以下次可以直接用上面那个来进行判断

相关文章
|
6天前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
6天前
|
SQL 运维 DataWorks
DataWorks操作报错合集之DataWorks提交失败: 提交节点的源码内容到TSP(代码库)失败:"skynet_packageid is null,该怎么解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
34 0
|
6天前
|
JavaScript 前端开发 UED
在 JavaScript 中,异步编程和回调函数是处理非阻塞操作(如网络请求、文件读写等)的重要工具
【5月更文挑战第10天】JavaScript中的异步编程和回调函数用于处理非阻塞操作,提高应用响应性和吞吐量。异步编程通过回调函数、Promises和async/await等方式实现,避免程序因等待操作完成而阻塞。回调函数是异步操作完成后调用的函数,常用于处理网络请求等。然而,回调函数存在嵌套问题和错误处理困难,因此出现了Promises和async/await等更优解决方案。
13 3
|
6天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
16 0
|
2天前
|
消息中间件 关系型数据库 MySQL
实时计算 Flink版操作报错合集之使用 Event Time Temporal Join 关联多个 HBase 后,Kafka 数据的某个字段变为 null 是什么原因导致的
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
21 0
|
6天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
11 2
|
6天前
|
Web App开发 JavaScript 前端开发
javascript操作DIV总结 转
javascript操作DIV总结 转
12 3
|
6天前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
14 0
|
6天前
|
JavaScript 前端开发 容器
js操作dom元素
js操作dom元素
17 0
|
6天前
|
JavaScript 前端开发 索引
js操作字符串的方法
js操作字符串的方法
16 2