JavaScript实现筛选数组


Posted in Javascript onMarch 02, 2021

本文实例为大家分享了JavaScript实现筛选数组的具体代码,供大家参考,具体内容如下

今天,运用JavaScript的相关知识,制作了筛选数组的案例。希望我们互相学习,共同进步!

最终效果图:

JavaScript实现筛选数组

js代码部分:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>筛选数组</title>
 <script>
  function Search(arr) {
   var newArr = [];
   for (var i = 0; i < arr.length; i++) {
    if (arr[i] > 10) {
     newArr[newArr.length] = arr[i];
   }
  }
   return newArr;
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  Search(arr);
  alert('您输入的数字分别为'+arr+'\n'+'大于10的数有:'+Search(arr));
 </script>
</head>
<body>
</body>
</html>

小结:

筛选数组在各种编程语言十分常见,也很重要,希望大家熟练运用。

之前看到一段代码:js根据数组筛选对象数组,分享给大家

根据存放id的数组,来筛选带此id的对象

var array = [
{
 time: '2020',
 id: '1',
},
{
 time: '2020',
 id: '2',
},
{
 time: '2020',
 id: '3',
}];
var filterIds = ['1', '3'];
var result = array.filter((a,i)=>{
  return filterIds.some(f=>(f === a.id)) 
})
//[{time: "2020", id: "1"},{time: "2020", id: "3"}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
js实现自定义进度条效果
Mar 15 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
vue-iview动态新增和删除的方法
Jun 17 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 #Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 #jQuery
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 #Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 #Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 #Vue.js
three.js 实现露珠滴落动画效果的示例代码
Mar 01 #Javascript
详解js创建对象的几种方式和对象方法
Mar 01 #Javascript
You might like
php继承的一个应用
2011/09/06 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
js单例模式的两种方案
2013/10/22 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
Python中的函数作用域
2018/05/07 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
init进程的作用
2015/08/20 面试题
房地产财务部员工岗位职责
2014/03/12 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
六年级小学生评语
2014/12/26 职场文书
介绍长城的导游词
2015/01/30 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python