详解JavaScript中的every()方法

 更新时间:2015年06月08日 12:04:04   投稿:goldensun  
这篇文章主要介绍了JavaScript中的every()方法,是JS入门学习中的基础知识,需要的朋友可以参考下

 JavaScript 数组中的每个方法测试数组中的所有元素是否经过所提供的函数来实现测试。
语法

array.every(callback[, thisObject]);

下面是参数的详细信息:

  •     callback : 函数用来测试每个元素
  •     thisObject : 对象作为该执行回调时使用

返回值:

返回true,如果此数组中的每个元素满足所提供的测试函数。
兼容性:

这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作,你需要添加下面的脚本的代码在顶部:

if (!Array.prototype.every)
{
 Array.prototype.every = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();

  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this &&
     !fun.call(thisp, this[i], i, this))
    return false;
  }

  return true;
 };
}

例子:

<html>
<head>
<title>JavaScript Array every Method</title>
</head>
<body>
<script type="text/javascript">
if (!Array.prototype.every)
{
 Array.prototype.every = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();

  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this &&
     !fun.call(thisp, this[i], i, this))
    return false;
  }

  return true;
 };
}
function isBigEnough(element, index, array) {
 return (element >= 10);
}

var passed = [12, 5, 8, 130, 44].every(isBigEnough);
document.write("First Test Value : " + passed ); 
 
passed = [12, 54, 18, 130, 44].every(isBigEnough);
document.write("Second Test Value : " + passed ); 
</script>
</body>
</html>

这将产生以下结果:

First Test Value : falseSecond Test Value : true

相关文章

  • 5个最顶级jQuery图表类库插件【jquery插件库】

    5个最顶级jQuery图表类库插件【jquery插件库】

    这篇文章主要介绍了5个最顶级jQuery图表类库插件【jquery插件库】,需要的朋友可以参考下
    2016-05-05
  • Javascript学习笔记9 prototype封装继承

    Javascript学习笔记9 prototype封装继承

    在上文中,我利用prototype的原理做了一个封装的New,然后我就想到,我是否可以用prototype的原理进一步封装面向对象的一些基本特征呢?比如继承。
    2010-01-01
  • javascript处理a标签超链接默认事件的方法

    javascript处理a标签超链接默认事件的方法

    这篇文章主要介绍了javascript处理a标签超链接默认事件的方法,涉及event.preventDefault()方法阻止默认事件的使用技巧,需要的朋友可以参考下
    2015-06-06
  • javascript类型转换示例

    javascript类型转换示例

    这篇文章主要介绍了javascript类型转换示例,需要的朋友可以参考下
    2014-04-04
  • 正则表达式(语法篇推荐)

    正则表达式(语法篇推荐)

    下面小编就为大家带来一篇正则表达式(语法篇推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript基础之运算符

    JavaScript基础之运算符

    这篇文章主要介绍了如何理解JavaScript中的运算符,帮助大家更好的学习JavaScript,感兴趣的朋友可以了解下
    2021-11-11
  • Javascript图像处理—亮度对比度应用案例

    Javascript图像处理—亮度对比度应用案例

    上一篇文章,我们讲解了图像处理中的卷积操作和平滑(也就是模糊)处理,这篇文章我们进行亮度和对比度的变化,有需要的朋友可以参考下
    2013-01-01
  • JavaScript显式数据类型转换详解

    JavaScript显式数据类型转换详解

    这篇文章主要介绍了JavaScript显式数据类型转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • js实现图片局部放大效果详解

    js实现图片局部放大效果详解

    这篇文章主要介绍了js实现图片局部放大效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 了解javascript中let和var及const关键字的区别

    了解javascript中let和var及const关键字的区别

    这篇文章主要介绍了javascript中let和var以及const关键字的区别,下面我们来一起学习一下吧
    2019-05-05

最新评论