AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

js之使用Boolean过滤数组中的所有假值

2021-09-15 5205
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 我们知道JS中有一些假值：false，null，0，""，undefined，NaN，怎样把数组中的假值快速过滤呢，可以使用Boolean构造函数来进行一次转换 
const compact = arr => arr.filter(Boolean)
compact([0, 1, false, 2, '', 3, 'a', 'e' * 23, NaN, 's', 34])             // [ 1, 2, 3, 'a', 's', 34 ]
文章标签：
JavaScript
关键词：
JavaScript数组
JavaScript boolean
js boolean
JavaScript过滤
xiawang1024
目录
相关文章
热爱技术的小郑
|
24天前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象，根据数组中对象的某些值，组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象，并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象，然后根据需要提取对象中的属性值，并将它们放入新的对象中，最终形成一个新的对象数组以供使用。
热爱技术的小郑
178 3
土木林森
|
19天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶，解锁 JavaScript 数组迭代的N种姿势！
【8月更文挑战第23天】在Web前端开发中，数组是JavaScript中最常用的数据结构之一，掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧：从基础的`for`循环到ES6的`for...of`循环，再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性，还能有效优化程序性能。通过具体的示例代码，帮助开发者更好地理解和运用这些迭代技术。
土木林森
24 0
尹正杰
|
8天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
尹正杰
19 2
JavaScript基础知识-数组的遍历
尹正杰
|
8天前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习，主要介绍了如何从一个包含Person对象的数组中过滤出成年人（年龄达到18岁及以上）并将他们放入一个新的数组中。
尹正杰
16 1
JavaScript基础知识-数组的练习
尹正杰
|
8天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
尹正杰
9 1
JavaScript基础知识-数组的常用方法
尹正杰
|
8天前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
尹正杰
10 1
JavaScript基础知识-数组基于索引访问
尹正杰
|
8天前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
尹正杰
9 1
JavaScript基础知识-数组的定义方式
小周sir
|
4天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
小周sir
8 1
rbvb2ms5saimy
|
13天前
|
JavaScript 前端开发 UED
JavaScript代码技巧大分享,在数组中去重元素
本文介绍了一系列实用的JavaScript函数，包括将内容复制到剪贴板、获取鼠标选中内容、打乱数组顺序、颜色值转换（RGBA与十六进制）、计算平均值、判断奇偶数、数组去重、检查空对象、反转字符串、计算日期间隔、首字母大写、生成随机字符串和随机数等，帮助提升网站的用户体验和功能丰富性。
rbvb2ms5saimy
18 4
theMuseCatcher
|
14天前
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数：`item`（数组项的值）、`index`（项的位置，可选）和`array`（数组本身，可选）。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
theMuseCatcher
17 0
JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）

热门文章

最新文章

  • 1
    JavaScript基本数据类型分析
  • 2
    Node.js之Express、路由、中间件、接口跨域解决方案详解（附实例）
  • 3
    JS: 关于元素大小和距离的有关的属性总结
  • 4
    扩展JavaScript的时候，千万要保留其原来的所有功能
  • 5
    Javascript函数节流
  • 6
    JavaScript：String 对象
  • 7
    JavaScript 中的12种循环遍历方法
  • 8
    react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `UserList`. See https://fb.me/re
  • 9
    JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案（四）：自定义T4模板快速生成页面
  • 10
    javaScript系列 [03]-javaScript原型对象
  • 1
    在Python中，布尔（Boolean）数据类型
    43
  • 2
    Python中的布尔(Boolean)
    235
  • 3
    阿里巴巴不建议 boolean 类型变量用 isXXX
    50
  • 4
    【C++ 基本类型 bool 】深入探索C++中的布尔类型Boolean（二 ）
    91
  • 5
    【C++ 基本类型 bool 】深入探索C++中的布尔类型Boolean（一）
    383
  • 6
    C++ JSON库 nlohmann::basic_json::boolean_t 的用法
    72
  • 7
    OceanBase CDC从热OB库采集过来的Tinyint（1）类型会默认转换成Boolean,请教一下，如果想转换成int类型，有什方法么？
    109
  • 8
    编程笔记 html5&css&js 068 JavaScript Boolean数据类型
    42
  • 9
    Java【问题 05】yml配置文件boolean一直为false问题分析解决
    145
  • 10
    JavaScript基础语法：包括变量声明、数据类型（Number, String, Boolean, Null, Undefined, Symbol, Object）、运算符、流程控制语句（if...else, switch, for, while, do...while）等。
    57

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    对象存储 OSS 如何创建 bucket|学习笔记