详解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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
AJAX架构之Dojo篇
Apr 10 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
原生js实现放大镜
Feb 20 Javascript
详解es6超好用的语法糖Decorator
Aug 01 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
img标签中onerror用法
2009/08/13 Javascript
JavaScript中的集合及效率
2010/01/08 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
幼儿园师德师风学习材料
2014/05/29 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
2015年团支书工作总结
2015/04/03 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
分享Python获取本机IP地址的几种方法
2022/03/17 Python
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server