1. 爱易网页
  2. JavaSript
  3. 详解JavaScript中的Array扩充

详解JavaScript中的Array扩充

日期：2014-05-16　 浏览次数：20381 次

详解JavaScript中的Array扩展
Java script中的Array扩展，一般都是从对象本身入手。这里我们将介绍一些Array对象中的一些东西，比如indexOf是返回元素在数组的索引，没有则返回-1等等。

最近看了一下developer.mozilla.org里的东西，发现它为Array扩展添加了不少generic method，赶得上Prototype的热心程度。

indexOf

返回元素在数组的索引，没有则返回-1。与string的indexOf方法差不多。

如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
  1. Array.prototype.indexOf = function(el, start) { ?
  2. ? var startstart = start || 0;? ?
  3. ? for ( var i=0; i < this.length; ++i ) {? ?
  4. ?? ???if ( this[i] === el ) {? ?
  5. ?? ?? ?? ?return i;? ?
  6. ?? ? }? ?
  7. ? }? ?
  8. ? return -1;? ?
  9. };?
  10. var array = [2, 5, 9]; ?
  11. var index = array.indexOf(2); ?
  12. // index is 0 ?
  13. index = array.indexOf(7); ?
  14. // index is -1
复制代码
lastIndexOf

与string的lastIndexOf方法差不多。

如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
  1. Array.prototype.lastIndexOf = function(el, start) { ?
  2. ? var startstart = start || this.length;? ?
  3. ? if ( start >= this.length ) {? ?
  4. ?? ???start = this.length;? ?
  5. ? }? ?
  6. ?if ( start < 0 ) {? ?
  7. ?? ?? ?start = this.length + start;? ?
  8. ? }? ?
  9. ?for ( var i=start; i >= 0; --i ) {? ?
  10. ?? ???if ( this[i] === el ) {? ?
  11. ?? ?? ? return i;? ?
  12. ?? ?}? ?
  13. ?}? ?
  14. ? return -1;? ?
  15. };
forEach

各类库中都实现相似的each方法。

如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
  1. Array.prototype.forEach = function(fn, thisObj) { ?
  2. ? var scope = thisObj || window;? ?
  3. ? for ( var i=0, j=this.length; i < j; ++i ) {? ?
  4. ?? ???fn.call(scope, this[i], i, this);? ?
  5. ?}? ?
  6. };?
  7. function printElt(element, index, array) { ?
  8. ? print("[" + index + "] is " + element); // assumes print is already defined? ?
  9. } ?
  10. [2, 5, 9].forEach(printElt); ?
  11. // Prints: ?
  12. // [0] is 2 ?
  13. // [1] is 5 ?
  14. // [2] is 9
every

如果数组中的每个元素都能通过给定的函数的测试，则返回true，反之false。换言之给定的函数也一定要返回true与false

如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
  1. Array.prototype.every = function(fn, thisObj) { ?
  2. ?var scope = thisObj || window;? ?
  3. ? for ( var i=0, j=this.length; i < j; ++i ) {? ?
  4. ?? ???if ( !fn.call(scope, this[i], i, this) ) {? ?
  5. ?? ?? ?? ?return false;? ?
  6. ?? ???}? ?
  7. ? }? ?
  8. ? return true;? ?
  9. };?
  10. function isBigEnough(element, index, array) { ?
  11. ?return (element >= 10);? ?
  12. } ?
  13. var passed = [12, 5, 8, 130, 44].every(isBigEnough); ?
  14. console.log(passed) ?
  15. // passed is false ?
  16. passed = [12, 54, 18, 130, 44].every(isBigEnough); ?
  17. // passed is true ?
  18. console.log(passed)

some

类似every函数，但只要有一个通过给定函数的测试就返回true。

如果其他浏览器没有实现此方法，可以用以下代码实现兼容：
  1. Array.prototype.some = function(fn, thisObj) { ?
  2. ? var scope = thisObj || window;? ?
  3. ? for ( var i=0, j=this.length; i < j; ++i ) {? ?
  4. ?? ???if ( fn.call(scope, this[i], i, this) ) {? ?
  5. ?? ?? ?? ?return true;? ?
  6. ?? ? }? ?
  7. ? }? ?
  8. ? return false;? ?
  9. };?
  10. function isBigEnough(element, index, array) { ?
  11. ?r

相关资料更多>

  1. JSP中获取ExtJS.Ajax前台传接的JSON数据
  2. jsp页面缓存不更新有关问题解决
  3. 说说 javascript undefined部类
  4. extJs 2.0学习札记(DomHelper.js篇)
  5. 一个java处置JSON格式数据的通用类
  6. Jsp利用组件下传文件
  7. JS IE的色彩选择器
  8. 使用primefaces的JSF做一个文件下传功能所遇到的有关问题(5)
  9. JSP中兑现像Google和百度一样的分页效果