码迷,mamicode.com
首页 > Windows程序 > 详细

ECMAScript5新增数组API的一些细节

时间:2014-09-22 01:51:21      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   java   ar   for   2014   div   sp   

ECMAScript5新增的数组方法看似都比较简单其实还是有一些细节需要了解的
首先这些方法都不会作用于原数组,其次是在对稀松数组的处理上.

(1)这些方法在稀松数组缺少的元素上都不会执行回调函数
(2)map的返回值包括稀松数组缺少的元素,而filter方法会过滤掉稀松数组的缺少元素,从而返回的都是一个紧凑的数组

var a = new Array(10);
	a[0] = null ;
	a[1] = undefined;
	var _a = a.map(function(){
		return 1;
	});
	console.info(a);//[ null, undefined, , , , , , , , ,  ]
	console.info(_a);//[ 1, 1, , , , , , , , ,  ]

	_a = a.filter(function(){
		return true;
	});
	console.info(_a);//[ null, undefined ]


在一些不支持这些方法的游览器中我们是如何实现这些方法呢
首先要处理的问题是在迭代过程中如何过滤掉缺少元素,用
for (var i = 0; i < arr.length; i++)的循环方法是行不通的,因为数组的长度是包括缺失元素的,并且我们不能通过undefined来判断这是否是一个缺少元素还是故意设置的undefined值,其实想想js数组的特殊性这个问题还是很好解决的我们直接用for in便可过滤掉缺失的元素

下面给出在不支持这些方法的游览器上我们如何自己实现 
var each = Array.prototype.forEach ?   Array.prototype.forEach  : function(callback) {
               var arr=this;
               for (var i in arr) {
                    var item = arr[i];
                    callback.call(item, item, i, arr);
               }
          }
          Array.prototype.each = each;
 
          var map = Array.prototype.map ?   Array.prototype.map  : function(callback) {
               var arr = this;
               var _arr = arr.slice(0);
               for (var i in arr) {
                    var item = arr[i]
                    _arr[i] = callback(item, item);
               }
               return _arr;
          }
          Array.prototype.map = map;

          var filter= Array.prototype.filter ? Array.prototype.filter : function(callback) {
               var r = [];
               var arr = this;
               for (var i in arr) {
                    var item = arr[i];
                    if(callback.call(item, item)) {
                         r.push(item);
                    }
               }
               return r;
          }
          Array.prototype.filter = filter;


ECMAScript5新增数组API的一些细节

标签:style   blog   io   java   ar   for   2014   div   sp   

原文地址:http://blog.csdn.net/songzheng_741/article/details/39459239

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!