New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PHP 和 JSON 都说 `_.isEmpty()` 是个好方法 #5

Open
cssmagic opened this Issue Jun 17, 2013 · 5 comments

Comments

Projects
None yet
2 participants
@cssmagic
Owner

cssmagic commented Jun 17, 2013

PHP 和 JSON 都说 _.isEmpty() 是个好方法

背景

我们在通过后端 API 获取 JSON 数据时,有时会遇到这个问题:

在需要输出为对象的地方,如果没有数据,以前端的习惯来说,我们会期待收到一个空对象 {};但实际上,此时我们往往会收到一个空数组 []

前端在检查和处理此类数据时,会感到稍许不便。如果考虑不周,还会引发错误。

原因

在 PHP 中,与 JavaScript 数组对象对应的概念都是数组;而且 PHP 实际上并不区分索引数组关联数组,只是允许开发者通过数组键名的约定来产生这两种数组的效果。也就是说,对于空数组,由于它不包含键名,无法判断它是“索引数组”还是“关联数组”。因此,PHP 的 json_encode() 方法在处理空数组时,一律将其编码为 []

由此可见,要求后端来改变这种情况恐怕不太容易,还是需要前端在处理类似数据的时候做个容错判断(我们常说“发送时要严格、接收时要宽松”嘛)。那么,怎样判断既简单又方便呢?

解决方案

这里就要隆重推出 _.isEmpty() 啦!请看以下代码:

_.isEmpty()  //true
_.isEmpty(null)  //true
_.isEmpty(undefined)  //true
_.isEmpty('')  //true
_.isEmpty({})  //true
_.isEmpty([])  //true

_.isEmpty('foo')  //false
_.isEmpty([foo, bar])  //false
_.isEmpty({foo: bar})  //false

同时我们注意到,即使后端将空数据输出为 null,仅用这一个方法也可以一并判断。

注意事项

需要注意的是,不能把这货当成 toBoolean() 来用。这样用是有坑的:

_.isEmpty(1)  //true
_.isEmpty(0)  //true
_.isEmpty(NaN)  //true
_.isEmpty(true)  //true
_.isEmpty(false)  //true
_.isEmpty(_.isEmpty)  //true

所以,只应该用它来判断一个数据集合是否为空。


© Creative Commons BY-NC-ND 4.0   |   我要订阅   |   我要打赏

@edokeh

This comment has been minimized.

Show comment
Hide comment
@edokeh

edokeh Jun 17, 2013

才发现可以判断数组,他的文档上目前居然还是这么写的

Returns true if object contains no values.

坑啊

edokeh commented Jun 17, 2013

才发现可以判断数组,他的文档上目前居然还是这么写的

Returns true if object contains no values.

坑啊

@cssmagic

This comment has been minimized.

Show comment
Hide comment
@cssmagic

cssmagic Jun 17, 2013

Owner

@edokeh
是啊,Underscore 的 API 文档并不是很详细。这个方法是个典型的例子,没交待清楚。
开源小项目都这样,要弄清楚还是得看源码。(作者故意的?)

在文档方面 jQuery 算做得好的,能火起来也不是偶然的。相比之下 Zepto 的文档就是个渣。

Owner

cssmagic commented Jun 17, 2013

@edokeh
是啊,Underscore 的 API 文档并不是很详细。这个方法是个典型的例子,没交待清楚。
开源小项目都这样,要弄清楚还是得看源码。(作者故意的?)

在文档方面 jQuery 算做得好的,能火起来也不是偶然的。相比之下 Zepto 的文档就是个渣。

@edokeh

This comment has been minimized.

Show comment
Hide comment
@edokeh

edokeh Jun 17, 2013

哈哈,zepto 确实问题挺大的,作者已经 3 个多月没有更新了,而且从 1.0 RC1 到 1.0 Release 居然花了一年时间。。。

edokeh commented Jun 17, 2013

哈哈,zepto 确实问题挺大的,作者已经 3 个多月没有更新了,而且从 1.0 RC1 到 1.0 Release 居然花了一年时间。。。

@cssmagic

This comment has been minimized.

Show comment
Hide comment
@cssmagic

cssmagic Aug 7, 2013

Owner

才发现可以判断数组,他的文档上目前居然还是这么写的

Returns true if object contains no values.

坑啊

@edokeh 不好意思老毛病又犯了,想继续扯一下这个 API 的文档。其实它这里的 object 实际上是用来标识参数的,因为这个 API 的用法是这样写的 _.isEmpty(object)。而它的示例代码表明了它可以用于数组:

_.isEmpty([1, 2, 3]);
//=> false

话说回来,Underscore 文档中的 collection / array / object 三个概念倒真是不太容易区分。_.isEmpty() 的行为实际上跟 collection 下面的部分 API 很相似,归在 object 下确实很容易误导。

Owner

cssmagic commented Aug 7, 2013

才发现可以判断数组,他的文档上目前居然还是这么写的

Returns true if object contains no values.

坑啊

@edokeh 不好意思老毛病又犯了,想继续扯一下这个 API 的文档。其实它这里的 object 实际上是用来标识参数的,因为这个 API 的用法是这样写的 _.isEmpty(object)。而它的示例代码表明了它可以用于数组:

_.isEmpty([1, 2, 3]);
//=> false

话说回来,Underscore 文档中的 collection / array / object 三个概念倒真是不太容易区分。_.isEmpty() 的行为实际上跟 collection 下面的部分 API 很相似,归在 object 下确实很容易误导。

@edokeh

This comment has been minimized.

Show comment
Hide comment
@edokeh

edokeh Aug 7, 2013

呵呵,collection 与 array 初看的时候确实被绕了一下

edokeh commented Aug 7, 2013

呵呵,collection 与 array 初看的时候确实被绕了一下

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment