Prototype Array对象 学习


Posted in Javascript onJuly 19, 2009
Array.from = $A; (function() { 
//Array原型的引用     
var arrayProto = Array.prototype, 
slice = arrayProto.slice, 
     //JS 1.6里面会有原生的forEach方法 
_each = arrayProto.forEach; // use native browser JS 1.6 implementation if available 
function each(iterator) { 
for (var i = 0, length = this.length; i < length; i++) 
iterator(this[i]); 
} 
//如果不是JS1.6,_each设置成对象的each方法 
//这里的_each方法是覆盖了Enuerable里面的_each方法 
if (!_each) _each = each; 
function clear() { 
this.length = 0; 
return this; 
} 
function first() { 
return this[0]; 
} 
function last() { 
return this[this.length - 1]; 
} 
//返回所有Array内不为null的数据 
function compact() { 
return this.select(function(value) { 
return value != null; 
}); 
} 
//把多维数组压成一维数组 
function flatten() { 
return this.inject([], function(array, value) { 
if (Object.isArray(value)) 
return array.concat(value.flatten()); //这里有递归调用 
array.push(value); 
return array; 
}); 
} 
function without() { 
var values = slice.call(arguments, 0); 
return this.select(function(value) { 
return !values.include(value); 
}); 
} 
function reverse(inline) { 
return (inline !== false ? this : this.toArray())._reverse(); 
} 
//返回所有Array内不重复的元素,如果数组是有序的,传入true参数,执行起来会更快 
function uniq(sorted) { 
return this.inject([], function(array, value, index) { 
if (0 == index || (sorted ? array.last() != value : !array.include(value))) 
array.push(value); 
return array; 
}); 
} 
//取两个数组的交集 
function intersect(array) { 
return this.uniq().findAll(function(item) { 
return array.detect(function(value) { return item === value }); 
}); 
} 

function clone() { 
return slice.call(this, 0); 
} 
function size() { 
return this.length; 
} 
function inspect() { 
return '[' + this.map(Object.inspect).join(', ') + ']'; 
} 
function toJSON() { 
var results = []; 
this.each(function(object) { 
var value = Object.toJSON(object); 
if (!Object.isUndefined(value)) results.push(value); 
}); 
return '[' + results.join(', ') + ']'; 
} 
function indexOf(item, i) { 
i || (i = 0); 
var length = this.length; 
if (i < 0) i = length + i; 
for (; i < length; i++) 
if (this[i] === item) return i; 
return -1; 
} 
function lastIndexOf(item, i) { 
i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1; 
var n = this.slice(0, i).reverse().indexOf(item); 
return (n < 0) ? n : i - n - 1; 
} 
function concat() { 
var array = slice.call(this, 0), item; 
for (var i = 0, length = arguments.length; i < length; i++) { 
item = arguments[i]; 
     //这的第二条件是防止把调用方法的数组元素也一起concat起来 
if (Object.isArray(item) && !('callee' in item)) { 
for (var j = 0, arrayLength = item.length; j < arrayLength; j++) 
array.push(item[j]); 
} else { 
array.push(item); 
} 
} 
return array; 
} 
//mixin Enumerable里面的方法 
Object.extend(arrayProto, Enumerable); 
if (!arrayProto._reverse) 
arrayProto._reverse = arrayProto.reverse; 
Object.extend(arrayProto, { 
_each: _each, 
clear: clear, 
first: first, 
last: last, 
compact: compact, 
flatten: flatten, 
without: without, 
reverse: reverse, 
uniq: uniq, 
intersect: intersect, 
clone: clone, 
toArray: clone, 
size: size, 
inspect: inspect, 
toJSON: toJSON 
}); 
//这个bug网上没搜到,谁知道说一下? 
var CONCAT_ARGUMENTS_BUGGY = (function() { 
return [].concat(arguments)[0][0] !== 1; 
})(1,2) 
if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat; 
//检查JS是否原生支持indexOf和lastIndexOf方法,不支持则设置成对象内的方法 
if (!arrayProto.indexOf) arrayProto.indexOf = indexOf; 
if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf; 
})();

clear
clone
compact
each
first
flatten
from
indexOf
inspect
last
reduce
reverse
size
toArray
toJSON
uniq
without
下面给出一些方法的例子,简单的方法就不给出例子了。
flatten():
['frank', ['bob', 'lisa'], ['jill', ['tom', 'sally']]].flatten() 
// -> ['frank', 'bob', 'lisa', 'jill', 'tom', 'sally']

reduce():这个方法的意思就是,如果数字里面有一个数据,这直接返回这个数据,否则返回原来的数组
uniq():

['Sam', 'Justin', 'Andrew', 'Dan', 'Sam'].uniq(); 
// -> ['Sam', 'Justin', 'Andrew', 'Dan'] ['Prototype', 'prototype'].uniq(); 
// -> ['Prototype', 'prototype'] because String comparison is case-sensitive

without():

[3, 5, 6, 1, 20].without(3) 
// -> [5, 6, 1, 20] [3, 5, 6, 1, 20].without(20, 6) 
// -> [3, 5, 1]
Javascript 相关文章推荐
在JavaScript中实现类的方式探讨
Aug 28 Javascript
jQuery实现瀑布流布局
Dec 12 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
浅谈js原生拖放
Nov 21 Javascript
Vue响应式原理详解
Apr 18 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
js实现时间日期校验
May 26 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 Javascript
Prototype PeriodicalExecuter对象 学习
Jul 19 #Javascript
Prototype String对象 学习
Jul 19 #Javascript
Prototype Template对象 学习
Jul 19 #Javascript
Prototype Number对象 学习
Jul 19 #Javascript
Prototype ObjectRange对象学习
Jul 19 #Javascript
Prototype RegExp对象 学习
Jul 19 #Javascript
Prototype Class对象学习
Jul 19 #Javascript
You might like
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
原生js轮播特效
2017/05/18 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
2018/12/03 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
详解Python迭代和迭代器
2016/03/28 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
python opencv实现证件照换底功能
2019/08/19 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
毕业生自我鉴定
2013/11/05 职场文书
关于毕业的广播稿
2014/01/10 职场文书
八年级历史教学反思
2014/01/10 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
服装设计专业求职信
2014/06/16 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
海上钢琴师的观后感
2015/06/11 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers
Pandas 数据编码的十种方法
2022/04/20 Python