详解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 表格插件整理
Apr 27 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
Nov 15 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
vue使用rem实现 移动端屏幕适配
Sep 26 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
Sep 22 Javascript
JS代码编译器Monaco使用方法
Jun 11 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数据库开发知多少
2006/10/09 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
JavaScript实现修改伪类样式
2017/11/27 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
python库matplotlib绘制坐标图
2019/10/18 Python
python Selenium 库的使用技巧
2020/10/16 Python
C#面试题问题集
2016/04/02 面试题
采购员岗位职责
2013/11/15 职场文书
个人整改措施书面材料
2014/10/24 职场文书
2014年政工师工作总结
2014/12/18 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
运动会通讯稿200字
2015/07/20 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
SpringBoot2零基础到精通之异常处理与web原生组件注入
2022/03/22 Java/Android