js检测数组里面是否包含该内容,jquery判断数组元素是否存在

  js检测数组里面是否包含该内容,jquery判断数组元素是否存在

  在上一篇文章中,我们介绍了JavaScript返回满足给定条件的第一个元素的三种方法。有兴趣的可以点击链接咨询 《JS数组学习之返回满足给定条件的首个元素》。这次我们继续JavaScript数组的学习,讲讲如何用JS检测数组中是否存在指定的值。有需要的朋友可以学习了解一下~

  今天这篇文章的主要内容是:给定一个值,遍历数组,检查数组是否包含该值。简单来说,就是检查数组中一个或多个数组元素的值是否等于这个值。

  本文将向您展示四种方法,并通过代码示例详细介绍。事不宜迟,开始吧~

  方法1:利用for循环

  实现思路:用for语句遍历数组,用===判断每个循环中数组元素是否给定值。当第一个元素满足条件时,给定的元素存在于数组中,给出提示,然后使用break语句退出整个循环。

  我们来看看下面的例子:判断fruits数组中是否包含给定元素“榴莲”

  Var fruits=[苹果,香蕉,榴莲,橘子,菠萝蜜,梨];

  for(var I=0;ifruits.lengthi ){

  If(水果[i]===榴莲){

  Console.log(指定的元素 fruits [i] 存在);

  打破;

  }

  }输出结果是:

  方法2:利用数组的includes() 方法

  includes()方法用于确定数组是否包含指定的值,如果为真,则为假。

  语法:arr.includes (searchelement [,from index])

  SearchElement必须为。所需的元素值。

  fromIndex是可选的。从索引中搜索searchElement。如果为负,则从array.length fromIndex的索引开始按升序搜索。默认值为0。

  我们来看看下面的例子:判断fruits数组中是否包含给定元素“榴莲”

  Var fruits=[苹果,香蕉,榴莲,橘子,菠萝蜜,梨];

  If(fruits.includes(榴莲){

  Console.log(给定元素存在);

  }否则{

  Console.log(“给定的元素不存在”);

  }输出结果是:

  方法3:利用数组的some()方法

  Some()方法可以检测数组中是否有合格的元素。换句话说,它还可以用来检查数组中的所有元素是否都不满足指定的条件。如果它们都不符合指定的条件,它将返回false,如果它们中的一个或多个符合,它将返回true。

  语法:array.every(函数回调fn(值,索引,数组),此值)

  让我们仔细看看下面的例子:

  函数f(值,索引,ar) {

  If (value=== orange) {

  返回true

  }

  }

  Var fruits=[苹果,香蕉,榴莲,橘子,菠萝蜜,梨];

  var b=fruits . some(f);

  如果(b) {

  Console.log(给定元素存在);

  }否则{

  Console.log(“给定的元素不存在”);

  }输出结果是:

  给定元素存在方法4:利用数组的indexOf()方法

  index()方法可以返回指定元素在数组中的第一个出现位置。如果要检索的元素没有出现,该方法返回-1。

  思路:用这个方法检查指定值在数组中的第一个出现位置,如果位置存在,就包含给定的元素。如果返回-1,则不包括给定的元素。

  下面给出了实现代码:

  Var fruits=[苹果,香蕉,榴莲,橘子,菠萝蜜,梨];

  var=fruits . index of( orange );

  如果(b0) {

  Console.log(给定元素存在);

  }否则{

  Console.log(“给定的元素不存在”);

  }输出结果是:

  给定元素存在方法5:利用数组的lastIndexOf()方法

  lastIndexOf()方法在数组中搜索元素,并返回它最后出现的位置。如果要检索的元素没有出现,该方法返回-1。

  实现思路:用该方法检查指定值在数组中最后出现的位置,如果该位置存在,则包含给定元素;如果返回-1,则不包括给定的元素。

  下面给出了实现代码:

  Var fruits=[苹果,香蕉,榴莲,橘子,菠萝蜜,梨];

  Var=fruits.lastingdexof(葡萄);

  如果(b0) {

  Console.log(给定元素存在);

  }否则{

  Console.log(“给定的元素不存在”);

  }输出结果是:

  给定的元素不存在,就这样。有需要可以看:javascript视频教程。以上是JS数组学习检查给定元素是否存在的详细内容。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: