标签归档:js

js中判断对象是否为空的方法

判断一个对象是否为空对象,本文给出三种判断方法:

  1. 最常见的思路,for…in…遍历属性,为真则为“非空数组”;否则为“空数组”

  1. 通过JSON自带的stringify()方法来判断:

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

这里需要注意为什么不用toString(),因为它返回的不是我们需要的。

  1. ES6新增的方法Object.keys():

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组。

如果我们的对象为空,他会返回一个空数组,如下:

我们可以依靠Object.keys()这个方法通过判断它的长度来知道它是否为空。

Vue 中统一处理 ajax 请求错误

通常说, ajax 请求错误有两种, 一种是网络问题或者代码问题所造成的 400, 500错误等, 另外一种是请求参数后端通不过验证, 由后端抛出的错误

第二种根据不同的后端框架或者程序猿又可以分成两种, 一种是直接返回 json, 用一个 特别的 code 来区别正常请求返回的数据, 如:

还有一种就是抛出 http 404 之类的, 然后把错误原因放在 header 里.

在组件写调用 ajax时, 通常都是这么写(这里以 axios 为例):

继续阅读

Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()

filter()

语法:

参数说明:

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明:

对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的数组也不会包含这些元素。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数** thisObject** 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

filter 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

继续阅读