es6数组如何去掉空数据
导读:本文共2192字符,通常情况下阅读需要7分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:这篇“es6数组如何去掉空数据”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6数组如何去掉空数据”文章吧。 两种方法:1、用for找到值为空的元素,用splice... ...
目录
(为您整理了一些要点),点击可以直达。这篇“es6数组如何去掉空数据”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6数组如何去掉空数据”文章吧。
两种方法:1、用for找到值为空的元素,用splice()删除,语法“for(i=0;i<数组长度;i++){if(this[i]==""||typeof(this[i])=="undefind"){this.splice(i,1);i--;}}”;2、用filter()过滤数组,语法“function f(v){return (v);}a2=a1.filter(f);”。
es6数组去掉空数据的两种方法
方法1:利用for循环和splice()函数
利用for循环遍历数组
在循环体中找到值为空的元素
根据元素的索引,利用splice()函数将该元素去掉
实现代码:
//数组去空值vararr1=["某某","",3,5,"color","",3,"某某","color",""]console.log(arr1)//拓展数组去空值的方法Array.prototype.removeEmpty=function(){for(vari=0;i<this.length;i++){if(this[i]==""||typeof(this[i])=="undefind"){this.splice(i,1);i--;}}returnthis;}vararr2=arr1.removeEmpty();
方法2:利用filter()函数过滤数组,返回不为空的元素
filter() 函数会调用一个回调函数来过滤数组元素,返回符合条件的所有元素(创建一个新数组来返回)
只需要将符合条件设置为“不是空数据”即可
设置过滤条件的函数的写法
functionf(value){ return(value);}
使用filter() 函数调用一个回调函数f(value)
来过滤数组即可。
实现代码:
//数组去空值functionf(v){ return(v);}vararr1=["某某","",3,5,"color","",3,"某某","color",""]console.log(arr1)vararr2=arr1.filter(f);console.log(arr2)
说明:filter() 方法
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
作用:可以返回数组中满足指定条件的元素。
array.filter(functioncallbackfn(Value,index,array),thisValue)
function callbackfn(Value,index,array)
:一个回调函数,不可省略,最多可接受三个参数:
value:当前数组元素的值,不可省略。
index:当前数组元素的数字索引。
array:当前元素属于的数组对象。
返回值是一个包含回调函数为其返回 true 的所有值得新数组。如果回调函数为 array 的所有元素返回 false,则新数组的长度为 0。
下面通过实例来具体了解一下:返回全部偶数
vara=[2,3,4,5,6,7,8];functionf(value){ if(value%2==0){ returntrue; }else{ returnfalse; }}varb=a.filter(f);console.log(b);
输出结果:
以上就是关于“es6数组如何去掉空数据”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
es6数组如何去掉空数据的详细内容,希望对您有所帮助,信息来源于网络。