详解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 相关文章推荐
JavaScript之自定义类型
May 04 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
js获取class的所有元素
Mar 28 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
angularjs点击图片放大实现上传图片预览
Feb 24 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
Angular 4依赖注入学习教程之简介(一)
Jun 04 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 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的魔术方法__get()和__set()使用介绍
2012/09/19 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
php字符串过滤与替换小结
2015/01/26 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
javascript高级学习笔记整理
2011/08/14 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python实现Adapter模式实例代码
2018/02/09 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
python自动生成证件号的方法示例
2021/01/14 Python
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
2014年英语工作总结
2014/12/20 职场文书
先进教师个人总结
2015/02/11 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android