详解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 相关文章推荐
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
js实现checkbox全选和反选示例
May 01 Javascript
IE中图片的onload事件无效问题和解决方法
Jun 06 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
js 判断附件后缀的简单实现方法
Oct 11 Javascript
JavaScript正则替换HTML标签功能示例
Mar 02 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 Javascript
关于React Native 无法链接模拟器的问题
Jun 21 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数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
PHP基于单例模式实现的mysql类
2016/01/09 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
[03:52]显微镜下的DOTA2第三期——英雄在无聊的时候干什么
2014/06/20 DOTA
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
python绘制动态曲线教程
2020/02/24 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
Python运行异常管理解决方案
2020/03/09 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
使用Keras构造简单的CNN网络实例
2020/06/29 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
香港礼品网站:GiftU eshop
2017/09/01 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
商务英语毕业生自荐信范文
2013/11/08 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
给老师的感谢信
2015/01/20 职场文书
开业庆典致辞
2015/08/01 职场文书
Python实现天气查询软件
2021/06/07 Python
python游戏开发Pygame框架
2022/04/22 Python
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis