array.js:使ie8等浏览兼容array最新方法

在JavaScript编程语言中，Array对象是处理数组的关键部分，提供了许多便利的方法来操作和操作数组。然而，一些较新的Array方法在旧版本的浏览器，尤其是IE8及更早版本中并未得到支持。为了确保在这些浏览器中也能使用最新的Array方法，我们需要通过一些技巧来实现兼容性。 "array.js:使ie8等浏览兼容array最新方法"这个标题暗示了我们正在寻找一种方法，让老版本的IE浏览器能够支持那些在ES5中引入的新颖的Array函数。这些方法包括`forEach`, `map`, `filter`, `reduce`, `every`, `some`, `indexOf`, 和 `lastIndexOf`等。 1. **forEach()**: 这个方法遍历数组中的每个元素，并对每个元素执行一个提供的回调函数。在IE8中，我们需要使用for循环或者jQuery的`.each()`方法来模拟这个功能。 ```javascript if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { var T, k; if (this == null) { throw new TypeError('this is null or not defined'); } var O = Object(this); var len = O.length >>> 0; if (typeof callback !== 'function') { throw new TypeError(callback + ' is not a function'); } if (arguments.length > 1) { T = thisArg; } k = 0; while (k < len) { if (k in O) { callback.call(T, O[k], k, O); } k++; } }; } ``` 2. **map()**: 这个方法创建一个新的数组，新数组中的元素是通过调用提供的函数并使用原数组元素作为参数后得到的结果。在IE8中，可以使用`Array.prototype.slice.call()`转换为可迭代对象，再配合for循环实现。 ```javascript if (!Array.prototype.map) { Array.prototype.map = function(callback, thisArg) { var T, A, k; if (this == null) { throw new TypeError('this is null or not defined'); } var O = Object(this); var len = O.length >>> 0; if (typeof callback !== 'function') { throw new TypeError(callback + ' is not a function'); } if (arguments.length > 1) { T = thisArg; } A = new Array(len); k = 0; while (k < len) { if (k in O) { A[k] = callback.call(T, O[k], k, O); } k++; } return A; }; } ``` 3. **filter()**: 这个方法返回一个新数组，其中包含通过所提供函数测试的所有元素。在IE8中，同样需要使用`Array.prototype.slice.call()`和for循环。 ```javascript if (!Array.prototype.filter) { Array.prototype.filter = function(callback, thisArg) { var T, A, k, value; if (this == null) { throw new TypeError('this is null or not defined'); } var O = Object(this); var len = O.length >>> 0; if (typeof callback !== 'function') { throw new TypeError(callback + ' is not a function'); } if (arguments.length > 1) { T = thisArg; } A = []; k = 0; while (k < len) { if (k in O) { value = O[k]; if (callback.call(T, value, k, O)) { A.push(value); } } k++; } return A; }; } ``` 4. 其他如`reduce()`, `every()`, `some()`, `indexOf()`, 和 `lastIndexOf()`等方法也可以按照类似的方式进行模拟实现。每种方法的实现都需要考虑函数的调用方式、参数处理以及是否需要创建新的数组等问题。 通过在项目中添加这样的polyfill代码，我们可以确保在不支持这些方法的浏览器中也能享受到与现代浏览器相同的Array方法功能。在实际开发中，还可以考虑使用像`es5-shim`或`Babel`这样的库来自动处理兼容性问题，以减轻手动编写polyfill的工作量。 在array.js-master这个压缩包中，很可能包含了实现这些兼容性的JavaScript代码，它可以帮助开发者在IE8等旧版浏览器中运行使用最新Array方法的代码。对于使用此类代码的项目，务必在部署前进行充分的测试，以确保在目标环境中运行正常。