用js怎样实现筛选出符合要求的数组?
Admin 2021-05-10 群英技术资讯 2544 次浏览
有时候我们会遇到对数组进行筛选的需求,例如在一组输入的数字中,筛选出符合要求的数组,那么这用JavaScripy要怎样实现呢?下面就给大家分享一下js实现筛选数组的代码。
今天,运用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"}
关于使用js筛选数组的介绍就到这,小编觉得还是比较实用的,因此分享给大家,有需要的朋友可以参考一下,希望对大家学习有帮助。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
监听属性可以针对某个属性进行监听,当监听的属性的值发生了变化,则会执行相应的函数,下面这篇文章主要给大家介绍了关于Vue监听属性的相关资料,需要的朋友可以参考下
JS利用循环解决的一些常见问题总结 目录 1. 打印0-100中3的倍数 2. 在页面中写入 1000-2000年中的闰年 3. 打印100以内所有偶数的和 4.求出1-1/2+1/3-1/4……1/100的和 5. 打印三角形 5.1 普通三角形 5.2 倒三角 5.3 等腰三角形 6.等腰梯形 7.输出100-200之间所有的质数 9. 有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,棋盘上放的所有芝麻的重量 10.在页面上完成以一个九九乘法表 11.打印一个3行
我们经常能在一些网站页面上看到圆圈序号列表,也就是带圆圈的需要,这样的序号列表能增加网页的美观性,那么圆圈序号列表怎样用js实现呢?下面就给大家分享一个JS实现彩色圆圈序号列表的实例。
uniapp自定义弹框的方法 本文实例为大家分享了uniapp自定义弹框,适用所有类型,供大家参考,具体内容如下 效果原理 利用透明页面,点击进入当前页面,内容根据自己需求去实现,随便自定义,出来的效果就是一个弹框的效果.解决的难题(原生tabbar中间按钮的弹框,升级弹框不能遮挡原生tabbar) 创建一个vue页面 <template> <view @click="close()" class="mask"> <view cla ...
在前面随笔《循序渐进VUE+Element 前端应用开发之动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中,实现了动态菜单和动态路由的处理,从而可以根据用户角色对应的菜单实现本地路由的过滤和绑定,菜单顺利弄好了,就需要进一步开发页面功能了,本篇随笔介绍一个案例,通过获取后端数据后,进行产品信息页面的处理。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008