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 对象链式操作测试代码
Apr 25 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
Oct 06 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
详解React中setState回调函数
Jun 14 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
小程序调用微信支付的方法
Sep 26 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 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
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
JQuery在页面中添加和除移DOM示例代码
2013/06/24 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python标准库之sqlite3使用实例
2014/11/25 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
python与字符编码问题
2019/05/24 Python
python中pip的使用和修改下载源的方法
2019/07/08 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
python matplotlib拟合直线的实现
2019/11/19 Python
python中pickle模块浅析
2020/12/29 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
护士自我评价
2014/02/01 职场文书
上班看电影检讨书
2014/02/12 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
投资意向书范本
2014/04/01 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
mysq启动失败问题及场景分析
2021/07/15 MySQL