重写数组迭代新方法every

原创 2013年12月01日 23:18:31

ECMAScript 5给数组定义了5个迭代的方法,每个方法都接收两个参数:要在每一项上运行的函数,和(可选的)运行该函数的作用域对象--影响this的值。

第一个参数的函数需要接收三个参数,数组项的值,该项在数组中的位置,和数组对象本身。


1:every方法,对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true,否则返回false;

arr = [1,2,3,4,5,6];
var a = arr.every(function(item,index,array){
	return item >0;
});
用法如上,此时函数判断,如果数组中,所有的项都大于零,则返回true,否则返回false;

如果不做处理的直接用,那么这个方法只适合,在支持ECMAScript 5方法的浏览器,ie9之前的浏览器就不能用。

如果你想要支持ie9之前的浏览器,那么自己重写这个数组方法吧。

下面是我写的一个every的方法,可以作为参考,也欢迎您提出该方法的问题,以及优化的方向。

Array.prototype.every = (function(){
		if(Array.prototype.every){
			return Array.prototype.every;
		}else{
			return Array.prototype.every = function(func,context){
				if(Object.prototype.toString.call(func) == '[object Function]'){
					var that = this,i=0,len=that.length,f;
					for(;i<len;i++){
						if(!(f = func.call(context,that[i],i,that))){
							return f;
						}
					}
					return true;
				}else{
					console.log("first parameter must be a function and has three parameter");
					throw new Error("first parameter must be a function");
				}
			}
		}
	})();
	arr = [1,2,3,4,5,6];
	var a = arr.every(function(item,index,array){
		return item >0;
	});


上面这个方法,在不支持ECMAScript 5的浏览器也可以使用的every了,这里我把代码都揉在一起了,如果你有兴趣,可以把他们模块话啊,很不错的哦。

而且,模块话,是一个很好的写作习惯,这次就先写这一个吧,,其他几种新的方法,filter,forEach,map,some这几个,改天一起放进来。


这个写的有点麻烦,在另外一篇文章里,把这几个都写了一下,不过都类似,觉得有些没有必要,欢迎查看:重写数组迭代新方法every,filter,map,some,forEach


欢迎交流,欢迎指正,欢迎提出优化方法,谢谢!

js数组的迭代器方法(some、every、forEach、map、filter)

//数组操作之迭代器方法(这些方法可以对数组中的每一个元素运用某个方法) //一、不生成新数组的迭代器方法 //1、forEach方法(接收一个函数作为参数) function squ...
  • github_31392345
  • github_31392345
  • 2015年09月21日 19:30
  • 2474

重写数组迭代新方法every,filter,map,some,forEach

ECMAScript5中,对数组的操作新增的几种方法。 昨天加了一个every的方法,今天看了看,觉得很二,也很麻烦,今天想了想还是写成这个样子比较简单吧; 本来想要把这五种方法写在一个判断里面,就可...
  • zyl_lyr1019
  • zyl_lyr1019
  • 2013年12月02日 22:47
  • 1854

数组的5中迭代方法 filter()、map()、forEach()、every()、 some()

先来看个牛客网上的题目吧,在数组 arr 中,查找值与 item 相等的元素出现的所有位置 输入例子: findAllOccurrences('abcdefabc'.split(''), 'a')....
  • diligentkong
  • diligentkong
  • 2017年05月10日 15:19
  • 365

对于数组方法的区别总结

对于数组的every、filter、forEach、map、some方法的区别总结 最近对数组、JSON格式的遍历方法一直有很多疑问?什么是遍历?感觉一团糟,所有深感基础差,难以理解。下面是我做的一...
  • u014150409
  • u014150409
  • 2015年06月27日 16:31
  • 509

JS数组中every()与some()两者迭代方法

every()与some()方法都是JS中数组的迭代方法。every()是对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行指定函数,如果该...
  • FireBird_one
  • FireBird_one
  • 2017年06月20日 14:05
  • 827

关于JS数组中every与some两者迭代方法探索

every()与some()方法都是JS中数组的迭代方法。every()是对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行指定函数,如果该...
  • pandeng4639088
  • pandeng4639088
  • 2015年06月22日 16:01
  • 14558

Javascript所有数组方法(forEach,some,every,join,concat等等)

在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法。数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'。 ...
  • zouluyifang
  • zouluyifang
  • 2015年06月15日 13:57
  • 1372

js中数组迭代的方法

1.every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则最终结果返回true; 2.some():对数组中的每一项运行给定函数,如果该函数对任一项都返回true,则最终...
  • dreamcarp
  • dreamcarp
  • 2017年04月01日 10:23
  • 531

JavaScript之数组五大迭代方法总结

JavaScript数组迭代方法总结
  • u010323023
  • u010323023
  • 2016年10月08日 19:16
  • 2944

js数组定义的5个迭代方法

js为数组定义了5个迭代方法。要在每一项上运行的函数和运行该函数的作用域对象—影响this的值。传入这些方法中的函数会接收三个参数:1.数组项的值;2.该项在数组中的位置;3.数组对象本身。以下是这5...
  • qq_15058425
  • qq_15058425
  • 2017年04月04日 18:35
  • 737
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:重写数组迭代新方法every
举报原因:
原因补充:

(最多只允许输入30个字)