~~~
if ([]) alert(1) // 是会弹出1的
~~~
`[]`在`javascript`中并不为假,所以很多地方请注意这个。特别是再用`jQuery`是别忘了这个,假设要判断一个元素是否存在,有这样的代码:
~~~
if ($(".tabs-panel").eq(index)) {
// 存在
} else {
// 不存在
}
~~~
这样的代码是不正确的,得不到你期望正确的效果的。
**注意字符串和整形布尔值的不同:**
var a = 0; var b = '0';
if (a) {alert(1)}; // false
if (b) {alert(2)}; // true
```
var a = 0;!a;
// true
var a = '0';!a;
// false
var a = '';!a;
// true
```
```
$('[name=invoice_id]').val()
"0"
!$('[name=invoice_id]').val()
false
$('[name=invoice_id]').val() == 0
true
所以 不能用 !$('[name=invoice_id]').val()
```
`'0'` 和 `0` 是由区别的。
> 如果是在php里面取反后都是 true,但是js中字符串转换为布尔值都为true **(空字符串除外)** ,哪怕是'0','-1' 转换后都为true。
> int(0) => false, int(-1) true js就是这么神奇,在js中,除了0以外的整形,不论正负,都是 true
>[danger] 注意这很重要,又非常容易疏忽,出现问题往往很难排查,所以小的知识点很重要。
参考:[jQuery中eq和get的区别](http://www.cnblogs.com/eoiioe/archive/2008/11/16/1334572.html)
>[info] eq返回的是一个jquery对象
还记得那个常见的代码我们用`jQuery`是怎么判断一个元素存在吗?
~~~
if ($('#div').length > 0) {
// #div存在
}
~~~
其实和这个一样的原理,它返回的是一个`jQuery`对象,所以上面的代码可改成:
~~~
if ($(".tabs-panel").eq(index)[0]) {
// 存在
} else {
// 不存在
}
~~~
注意这里我们不是判断长度,而是直接判断第0个元素,这一样可以。(没有返回的是`undefined`)
~~~javascript
0 == false;
true
'0' == false;
true
!0;
true
!'0';
false
~~~
>[tip] 注意:js 的 switch 条件判断是全等,php 的 switch 条件判断 不是全等的
*****
### 要避免使用字符串来比较大小
```javascript
'1000' > '2' // false
'3000' > '2' // true
1000 > 2 // true
```
*****
### 扩展
var a ={};a.length
对象没有length属性,所以返回undefined,请注意这个问题。php返回的可能是纯中括号的是数组,也可能是花括号的对象,但是没有数据时,一般返回的是空数组[],空数组是有length的。
不管怎么样,js判断是多注意这些问题,多考虑是否是要判断length。
- 开始
- 微信小程序
- 获取用户信息
- 记录
- HTML
- HTML5
- 文档根节点
- 你真的了解script标签吗?
- 文档结构
- 已经落后的技术
- form表单
- html实体
- CSS
- css优先级 & 设计模式
- 如何编写高效的 CSS 选择符
- 笔记
- 小计
- flex布局
- 细节体验
- Flex
- Grid
- tailwindcss
- JavaScript
- javascript物语
- js函数定义
- js中的数组对象
- js的json解析
- js中数组的操作
- js事件冒泡
- js中的判断
- js语句声明会提前
- cookie操作
- 关于javascript你要知道的
- 关于innerHTML的试验
- js引擎与GUI引擎是互斥的
- 如何安全的修改对象
- 当渲染引擎遇上强迫症
- 不要使用连相等
- 修改数组-对象
- 算法-函数
- 事件探析
- 事件循环
- js事件循环中的上下文和作用域的经典问题
- Promise
- 最佳实践
- 页面遮罩加载效果
- 网站静态文件之思考
- 图片加载问题
- 路由及转场解决方案
- web app
- 写一个页面路由转场的管理工具
- 谈编程
- 技术/思想的斗争
- 前端技术选型分析
- 我想放点html模板代码
- 开发自适应网页
- 后台前端项目的开发
- 网站PC版和移动版的模板方案
- 前后端分离
- 淘宝前后端分离
- 前后端分离的思考与实践(一)
- 前后端分离的思考与实践(二)
- 前后端分离的思考与实践(三)
- 前后端分离的思考与实践(四)
- 前后端分离的思考与实践(五)
- 前后端分离的思考与实践(六)
- 动画
- 开发小技巧
- Axios
- 屏幕适配
- 理论基础
- 思考
- flexible.js原理
- 实验
- rem的坑,为什么要设置成百分比,为什么又是62.5%
- 为什么以一个标准适配的,其它宽度也能同等适配
- 自适应、响应式、弹性布局、屏幕适配
- 适配:都用百分比?
- 番外篇
- 给你看看0.5px长什么样?
- 用事实证明viewport scale缩放不会改变rem元素的大小
- 为什么PC端页面缩放不会影响rem元素
- 究竟以哪个为设备独立像素
- PC到移动端初试
- 深入理解px
- 响应式之栅格系统
- 深入理解px(二)
- 一篇搞定移动端适配
- flex版栅格布局
- 其他
- 浏览器加载初探
- 警惕你的开发工具
- JS模块化
- webpack
- 打包原理
- 异步加载
- gulp
- 命名规范
- 接口开发
- sea.js学习
- require.js学习
- react学习
- react笔记
- vue学习
- vue3
- 工具、技巧
- 临时笔记
- 怎么维护好开源项目
- 待办
- 对前端MVV*C框架的思考
- jquery问题
- 临时
- 好文
- 节流防抖