详解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 13 Javascript
JavaScript 一道字符串分解的题目
Aug 03 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
原生JS和jQuery版实现文件上传功能
Apr 18 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
Vue实现tab导航栏并支持左右滑动功能
Jun 28 Vue.js
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中函数的形参与实参的问题说明
2010/09/01 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
php使用mysqli向数据库添加数据的方法
2015/03/20 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
PHP实现微信退款功能
2018/10/02 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
详解Vue.js分发之作用域槽
2017/06/13 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
nuxt 路由、过渡特效、中间件的实现代码
2020/11/06 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
基于python实现模拟数据结构模型
2020/06/12 Python
浅析Python迭代器的高级用法
2020/07/16 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
Europcar英国:英国汽车和货车租赁
2017/01/21 全球购物
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
Linux文件操作命令都有哪些
2015/02/27 面试题
出生医学证明样本
2014/01/17 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
python可视化大屏库big_screen示例详解
2021/11/23 Python
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python
Linux中sftp常用命令整理
2022/06/28 Servers
MySQL新手入门进阶语句汇总
2022/09/23 MySQL