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 相关文章推荐
删除select中所有option选项jquery代码
Aug 12 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
Apr 01 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
jQuery实现验证码功能
Mar 17 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 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连接MySQL代码的参数说明
2008/06/07 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Python3正则匹配re.split,re.finditer及re.findall函数用法详解
2018/06/11 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
python生成九宫格图片
2018/11/19 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
经济实惠的豪华背包和行李袋:Packs Project
2018/10/17 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
给老师的一封建议书
2014/03/13 职场文书
《悯农》教学反思
2014/04/28 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
个人向公司借款协议书
2014/10/09 职场文书
上课说话检讨书500字
2014/11/01 职场文书
初中作文评语集锦
2014/12/25 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
健康证明
2015/06/19 职场文书
筑梦中国心得体会
2016/01/18 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
MySQL通过binlog恢复数据
2021/05/27 MySQL
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS