js去掉数组的空字符串

后台返回数据的时候,有些数据为空时,一般都不进行显示,需要去除空字符串。

基本思路:获取数组张度,遍历数组,当数组某个值等于‘’或null或数据类型为undefined时,根据splice方法去除数据。

基本代码如下:

var parkingList = data.data;//后台返回数据
for(var i = 0;i<parkingList.length;i++){if(parkingList[i]==''||parkingList[i]==null||typeof(parkingList[i])==undefined){parkingList.splice(i,1);i=i-1;}
}

js 利用 筛选 filter()方法 去除数组中空字符串(包括多个空格,undefined,null)

trim()用于去掉字符串首尾空白字符。
filter() 用于把arr的某些元素过滤掉,然后返回剩下的元素。

let arr = ['c', '', 'g', null, undefined, 'f', '  '];
let newArr=arr.filter(i=>i && i.trim())
console.log(newArr);
[ 'c', 'g', 'f' ]

也可以这样实现:

var arr = ['hello', '', 'world', null, '!'];
arr.filter(str => !!str);

最近看querystring源码时看到一段类似的逻辑,参考querystring代码更精简的实现上述问题:

var arr = ['hello', '', 'world', null, '!'];
arr.filter(Boolean);

巧妙利用Boolean

构造函数的功能:
Boolean对象是一个布尔值的对象包装器。
第一个参数传递的值将转换为布尔值。如果省略或值0,-0,null,false,NaN,undefined,或空字符串(""),该对象具有的初始值false。所有其他值,包括任何对象,空数组([])或字符串"false",都会创建一个初始值为的对象true。

js去掉数组的空字符串 ->解决空图片|不需要的站位相关推荐

  1. html判断字段不为空,js里是否为空字符串的判断

    了解下js里是否为空字符串的判断. JavaScript中可以使用if(typeof obj=="undefined"||obj==null||obj=="") ...

  2. JS将数组里的字符串拼接成一个字符串

    JS将数组里的字符串拼接成一个字符串 1. join( ) join() 方法用于把数组中的所有元素放入一个字符串. 元素是通过指定的分隔符进行分隔的. 用法:把数组中的所有元素放入一个字符串,默认以 ...

  3. 【js】数组置空的其他方式及使用场景

    数组在js中属于引用型类型. var arr = [1, 2, 3]; a = []; 通常使用以上方式.如果使用场景必须使用方法置空, 可以采用arr.length = 0; 或者使用a.splic ...

  4. js中将数组转换成字符串

    toString() 将数组转换字符串 var arr = [1,2,3]; console.log(arr.toString()); //1,2,3 join 分隔符 let isAnswer = ...

  5. js中数组拼接成字符串

    在本例中,我们将使用分隔符来分隔数组中的元素: <script type="text/javascript">var arr = new Array(3) arr[0] ...

  6. JS 利用数组拼接html字符串

    var cc = []; cc.push('<td colspan=' + fields.length + ' style="padding:10px 5px;border:0;&qu ...

  7. js将数组中的字符串按照第二个字符的大小排序(sort排序)

    输入为:["abc","bac","acb","acg","acz"] 输出为:["bac ...

  8. android定义空字符串数组,android – retrofit:处理可以是空字符串或数组的属性

    您可以尝试这个来检查prop2是数组还是空字符串 JsonObject jsonObject = new Gson().fromJson("{ \"status\":\& ...

  9. java integer null 0_Mybatis Integer类型参数值为0时得到为空的解决方法

    今日遇到的问题: 查询版本信息时,由于version是Integer类型,所以当前台选择版本为0时,变成了查询了所有的版本信息. sql片段: AND a.version = #{version} 原 ...

最新文章

  1. Zookeeper单机伪集群
  2. 购物商城---购物车,结算
  3. 毕业设计-基于Python爬虫的疫情数据可视化系统
  4. 在系统二进制文件中检测到错误_门禁管理系统施工中常见的布线错误
  5. 俞敏洪辟谣“周末暑假不能上课”:人生已经不易 为何还要捅刀
  6. @hotmail.com 账户添加别名,重命名到@outlook.com 一系列问题,顺道附上个人解决方法
  7. 自定义双向线性插值滤子(卷积核)code
  8. 23. Perfer non-member non-friend functions to member functions
  9. 计算机组成原理(唐朔飞)--第一篇 概论
  10. linux添加phoenix引导,Phoenix OS安装方法
  11. ---常见的计算几何问题的快速计算机算法(计算机图形学+游戏渲染碰撞检测)
  12. 电脑网络连接正常,但浏览器无法打开网页的原因和解决方法
  13. AndroidStudio Jni开发-生成多个so库
  14. Unity3D合成大西瓜
  15. MongoDB详细介绍
  16. 重新认识软件测试,去掉这些标签
  17. Linux 之 快捷键,命令总结 --- 三剑客**
  18. 基于MATLAB GUI的环境温湿度检测界面设计
  19. MSC.SIMXPERT.V2016全集成多学科仿真解决方案
  20. 罗斯蒙特3051酸碱盐浓度变送器产品简介及原理

热门文章

  1. KS-检验(Kolmogorov-Smirnov test) -- 检验数据是否符合某种分布
  2. oracle创建序列并使用
  3. 过劳死----IT界杀手
  4. 启用Win8/10(中文版/核心版/家庭版)中被阉割的远程桌面服务端
  5. SQL数据库管理—安全使用SSL加密连接
  6. 中低速物联网市场最火的“网红猫”:广和通LTE Cat1模组助物联网企业出奇制胜
  7. 让hr显示无边框有颜色某高度IE,firefox
  8. WINDOWS 时间获取与精确时间获取
  9. 计算机游戏的作文,玩电脑的作文
  10. 学计算机好还是学修车好,怎样的人不适合修车 学修车好吗