详解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 简便实现页面元素数据验证功能
Mar 24 Javascript
中文字符串截取的js函数代码
Apr 17 Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
vue组件watch属性实例讲解
Nov 07 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
Jan 23 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
javascript运行机制之执行顺序理解
Aug 03 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缓存技术详细总结
2013/08/07 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
php读取csv数据保存到数组的方法
2015/01/03 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
php中序列化与反序列化详解
2017/02/13 PHP
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
Python进程通信之匿名管道实例讲解
2015/04/11 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
python定时截屏实现
2020/11/02 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
html5唤起app的方法
2017/11/30 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
详解如何将 Canvas 绘制过程转为视频
2021/01/25 HTML / CSS
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
我们的节日中秋节活动总结
2015/03/23 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
中学教师教学工作总结
2015/08/13 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js
Java并发编程之Executor接口的使用
2021/06/21 Java/Android
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL