详解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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 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
PHPCMS的使用小结
2010/09/20 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php+xml实现在线英文词典查询的方法
2015/01/23 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
Stop SQL Server
2007/06/21 Javascript
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
Python 实现简单的电话本功能
2015/08/09 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
Python3爬虫全国地址信息
2019/01/05 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
美德少年事迹材料
2014/01/23 职场文书
活动总结怎么写
2014/04/28 职场文书
2014年审计工作总结
2014/11/17 职场文书
争先创优个人总结
2015/03/04 职场文书
Python实战之实现简易的学生选课系统
2021/05/25 Python