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 web页面刷新的方法收集
Jul 02 Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 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 XML备份Mysql数据库
2009/05/27 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
PHP实现倒计时功能
2020/11/16 PHP
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
利用angular自动编译andriod APK的绕坑经历分享
2019/03/08 Javascript
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
python使用正则表达式替换匹配成功的组
2017/11/17 Python
python写一个md5解密器示例
2018/02/23 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
Django工程的分层结构详解
2019/07/18 Python
python爬虫请求头设置代码
2020/07/28 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
最新自我评价范文
2013/11/16 职场文书
高三霸气励志标语
2014/06/24 职场文书
安全目标责任书
2014/07/22 职场文书
小学生学习保证书
2015/02/26 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
Python 制作自动化翻译工具
2021/04/25 Python
Python基础之元组与文件知识总结
2021/05/19 Python
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis