返回顶部
首页 > 资讯 > 前端开发 > VUE >JS怎么返回满足给定条件的全部元素
  • 464
分享到

JS怎么返回满足给定条件的全部元素

2024-04-02 19:04:59 464人浏览 安东尼
摘要

本篇内容介绍了“js怎么返回满足给定条件的全部元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!今天本文的

本篇内容介绍了“js怎么返回满足给定条件的全部元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

今天本文的主要内容是:遍历数组,检测数组中元素是否满足指定条件,返回满足条件的数组元素。简单来说:就是根据指定条件过滤数组元素。

下面我们来介绍2种方法,先从熟悉的for循环开始,然后介绍1种内置函数--看看该函数能怎么过滤数组元素。

方法1:利用for循环

实现思想:利用for语句来遍历数组,在每次循环中判断数组元素是否符合条件,如果符合则输出,不符合则跳出本次循环。

下面通过实例来具体了解一下:

实例1:返回全部偶数

var a = [2,3,4,5,6,7,8];
for(var i=0;i<a.length;i++){
	if (a[i] % 2 == 0) {
		console.log(a[i]);
	}else{
		continue;
	}
}

输出结果:

JS怎么返回满足给定条件的全部元素

实例2:返回全部闰年

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
for(var i=0;i<a.length;i++){
	if(a[i]%4==0 && a[i]%100!=0){
			  console.log(a[i]);
	}
	else {
		continue;
	}
}

输出结果:

JS怎么返回满足给定条件的全部元素

方法2:利用filter()方法

filter() 方法可以返回数组中满足指定条件的元素。

array.filter(function callbackfn(Value,index,array),thisValue)

function callbackfn(Value,index,array):一个回调函数,不可省略,最多可接受三个参数:

  • value:当前数组元素的值,不可省略。

  • index:当前数组元素的数字索引

  • array:当前元素属于的数组对象。

返回值是一个包含回调函数为其返回 true 的所有值得新数组。如果回调函数为 array 的所有元素返回 false,则新数组的长度为 0。

下面通过实例来具体了解一下:

实例1:返回全部偶数

var a = [2,3,4,5,6,7,8];
function f (value) {
	if (value % 2 == 0) {
		return true;
	}else{
		 return false;
	}
}
var b = a.filter(f);
console.log(b);

输出结果:

JS怎么返回满足给定条件的全部元素

实例2:返回全部闰年

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
function f (value) {
	if(value%4==0 && value%100!=0){
		return true;
	}
	else {
		return false;
	}
}
var b = a.filter(f);
console.log(b);

输出结果:

JS怎么返回满足给定条件的全部元素

“JS怎么返回满足给定条件的全部元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: JS怎么返回满足给定条件的全部元素

本文链接: https://www.lsjlt.com/news/79732.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JS怎么返回满足给定条件的全部元素
    本篇内容介绍了“JS怎么返回满足给定条件的全部元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!今天本文的...
    99+
    2024-04-02
  • JS怎么返回满足给定条件的首个元素
    这篇文章主要介绍“JS怎么返回满足给定条件的首个元素”,在日常操作中,相信很多人在JS怎么返回满足给定条件的首个元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS怎么返回...
    99+
    2024-04-02
  • JS怎么判断数组元素是不是都满足给定条件
    这篇文章主要讲解了“JS怎么判断数组元素是不是都满足给定条件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS怎么判断数组元素是不是都满足给定条件”吧!方法...
    99+
    2024-04-02
  • Java8 List集合怎么移除满足条件的元素
    这篇文章主要介绍“Java8 List集合怎么移除满足条件的元素”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Java8 List集合怎么移除满足条件的元素”文章能帮助大家解决问...
    99+
    2023-07-04
  • sql怎么给满足条件的字段赋值
    要给满足条件的字段赋值,可以使用UPDATE语句。UPDATE语法如下:```UPDATE 表名SET 字段名 = 值WHER...
    99+
    2023-10-12
    sql
  • 怎么通过js返回大于指定数字的数组元素
    这篇文章主要介绍“怎么通过js返回大于指定数字的数组元素”,在日常操作中,相信很多人在怎么通过js返回大于指定数字的数组元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么...
    99+
    2024-04-02
  • javascript中怎么返回指定元素的末尾索引
    本篇文章为大家展示了javascript中怎么返回指定元素的末尾索引,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。我们现在有这样一个问题,已知,我们有一个包含one...
    99+
    2024-04-02
  • JS怎么实现给不同元素设置不同的定时器
    这篇文章主要讲解了“JS怎么实现给不同元素设置不同的定时器”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS怎么实现给不同元素设置不同的定时器”吧!案例效果:上面的紫色盒子打开页面会自己移动...
    99+
    2023-07-02
  • js怎么计算给定字符的全部出现位置
    本篇内容主要讲解“js怎么计算给定字符的全部出现位置”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js怎么计算给定字符的全部出现位置”吧!我们在之前的文章中了解...
    99+
    2024-04-02
  • 怎么使用js查找数组中符合条件的元素
    今天小编给大家分享一下怎么使用js查找数组中符合条件的元素的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、利用for循环进...
    99+
    2023-07-05
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作