用js怎样实现筛选出符合要求的数组?
Admin 2021-05-10 群英技术资讯 2416 次浏览
有时候我们会遇到对数组进行筛选的需求,例如在一组输入的数字中,筛选出符合要求的数组,那么这用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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
React中useRef的用法有什么?如果有使用过React的朋友,应该对ref会比较熟悉的点,ref可以用来获取组件实例对象或者是DOM对象,而useRef这个hooks函数,除了传统的用法之外,它还可以“跨渲染周期”保存数据。那么具体怎样用呢?下面我们就一起来了解看看。
这篇文章我们来了解JavaScrip怎样判断回文数的相关内容,下文分享的示例是利用数组转为字符串数组,再用reserve()翻转数组,然后对于是否相等的方法来判断,下文我们来详细的了解看看实现思路及方法,有需要的朋友可以参考,接下来就跟随小编来一起学习一下吧!
vue渲染不上数据的问题如何解决?这里提到的vue渲染不上数据的问题是能获取到数据,但是数据却渲染不到页面上。那么什么方法可以解决这个问题呢?下面我们一起来探讨一下。
当我点击饼图时,出现相应的内容,并重新渲染饼图展示内容 饼图点击事件this.conechart.on(click, (params) = { params.name});获取的是点击的对应的板块名 利用获取的板块名,去接口调取对应的数据 , 调取数据是异步调用 ,所以重新渲染视图要在 异步中渲染,否则同步渲染不
JavaScript实现网页带动画返回顶部的方法详解 服务器由阿里云换到了腾讯云,我的代码之前一直都是托管在git上的,但是搬家的时候,可能是着急了,之前有些新加的文件没有托管到git上,所以,就丢了. 不过无所谓了,可以重新写嘛. 之前博客的回到顶部功能是请之前的一位前端的同事帮忙写的,这次打算自己尝试一下. 返回顶部无非就是锚点. 第一个版本: <body style="height:2000px;"> <div id="topAnchor"></div> <a ...
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008