>首页> IT >

es6数组怎么去掉空数据

时间:2022-10-20 16:57:31       来源:PHP中文网

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6数组去掉空数据的两种方法

方法1:利用for循环和splice()函数


(资料图)

利用for循环遍历数组

在循环体中找到值为空的元素

根据元素的索引,利用splice()函数将该元素去掉

实现代码:

//数组去空值    var arr1=["某某","",3,5,"color","",3,"某某","color",""]    console.log(arr1)  //拓展数组去空值的方法    Array.prototype.removeEmpty=function () {      for(var i=0;i登录后复制

方法2:利用filter()函数过滤数组,返回不为空的元素

filter() 函数会调用一个回调函数来过滤数组元素,返回符合条件的所有元素(创建一个新数组来返回)

只需要将符合条件设置为“不是空数据”即可

设置过滤条件的函数的写法

function f(value){return (value);}
登录后复制

使用filter() 函数调用一个回调函数f(value)来过滤数组即可。

实现代码:

//数组去空值function f(v){return (v);}var arr1=["某某","",3,5,"color","",3,"某某","color",""]console.log(arr1)var arr2=arr1.filter(f);console.log(arr2)
登录后复制

说明:filter() 方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

作用:可以返回数组中满足指定条件的元素。

array.filter(function callbackfn(Value,index,array),thisValue)
登录后复制

function callbackfn(Value,index,array):一个回调函数,不可省略,最多可接受三个参数:

value:当前数组元素的值,不可省略。

index:当前数组元素的数字索引。

array:当前元素属于的数组对象。

返回值是一个包含回调函数为其返回 true 的所有值得新数组。如果回调函数为 array 的所有元素返回 false,则新数组的长度为 0。

下面通过实例来具体了解一下:返回全部偶数

var a = [2,3,4,5,6,7,8];function f (value) {if (value % 2 == 0) {return true;}else{ return false;}}var b = a.filter(f);console.log(b);
登录后复制

输出结果:

【相关推荐:javascript视频教程、编程视频】

以上就是es6数组怎么去掉空数据的详细内容,更多请关注php中文网其它相关文章!

关键词: 回调函数 数组元素