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 相关文章推荐
js 删除数组的几种方法小结
Feb 21 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
jQuery密码强度验证控件使用详解
Jan 05 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
简单了解JavaScript sort方法
Nov 25 Javascript
Angular8 简单表单验证的实现示例
Jun 03 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 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
memcache一致性hash的php实现方法
2015/03/05 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
解决laravel session失效的问题
2019/10/14 PHP
innerHTML在IE中报错解决方案
2014/12/15 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
Python with的用法
2014/08/22 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
介绍一下Transact-SQL中SPACE函数的用法
2015/09/01 面试题
网页设计个人找工作求职信
2013/11/28 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
未婚证明书模板
2014/10/08 职场文书
表扬稿格式范文
2015/01/16 职场文书
信息技术国培研修日志
2015/11/13 职场文书