详解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 相关文章推荐
番茄的表单验证类代码修改版
Jul 18 Javascript
js 内存释放问题
Apr 25 Javascript
JS request函数 用来获取url参数
May 17 Javascript
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
vue实现移动端div拖动效果
Mar 03 Vue.js
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正则校验用户名介绍
2008/07/19 PHP
php变量作用域的深入解析
2013/06/03 PHP
Javascript 两个窗体之间传值实现代码
2009/09/25 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
2014/11/12 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
常见python正则用法的简单实例
2016/06/21 Python
Python实现获取磁盘剩余空间的2种方法
2017/06/07 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
python爬虫之遍历单个域名
2019/11/20 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
神路信息Java面试题目
2013/03/31 面试题
管理科学大学生求职信
2013/11/13 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
小学德育工作经验交流材料
2014/05/22 职场文书
教师个人自我评价
2015/03/04 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书