详解JavaScript中的every()方法


Posted in Javascript onJune 08, 2015

 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
Javascript 相关文章推荐
jquery实现的网页自动播放声音
Apr 30 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
async/await地狱该如何避免详解
May 10 Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 Javascript
JavaScript 实现轮播图特效的示例
Nov 05 Javascript
MutationObserver在页面水印实现起到的作用详解
Jul 07 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 #Javascript
javaScript中with函数用法实例分析
Jun 08 #Javascript
简介JavaScript中的sub()方法的使用
Jun 08 #Javascript
简介JavaScript中strike()方法的使用
Jun 08 #Javascript
JavaScript中的small()方法使用详解
Jun 08 #Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 #Javascript
javaScript中slice函数用法实例分析
Jun 08 #Javascript
You might like
PHP获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
PHP时间和日期函数详解
2015/05/08 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
Stop SQL Server
2007/06/21 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
一个超级简单的python web程序
2014/09/11 Python
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
python实现处理mysql结果输出方式
2020/04/09 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
采购部岗位职责
2013/11/24 职场文书
中秋节超市促销方案
2014/01/30 职场文书
《小池塘》教学反思
2014/02/28 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
薪资证明范本
2015/06/19 职场文书
追悼会答谢词范文
2015/09/29 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书