详解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中实现类的方式探讨
Aug 28 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
js实现带缓动动画的导航栏效果
Jan 16 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
May 10 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
Jun 15 Javascript
基于vue-element组件实现音乐播放器功能
May 06 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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
python处理圆角图片、圆形图片的例子
2014/04/25 Python
python time模块用法实例详解
2014/09/11 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
升学宴主持词
2014/04/02 职场文书
公关活动策划方案
2014/05/25 职场文书
公民授权委托书
2014/10/15 职场文书
华清池导游词
2015/02/02 职场文书
民事申诉状范本
2015/05/20 职场文书
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
MySQL 字符集 character
2022/05/04 MySQL