实例详解ECMAScript5中新增的Array方法VIP专享

实例详解 ECMAScript5 中新增的 Array 方法 这篇文章主要介绍了实例详解 ECMAScript5 中新增的 Array 方法的相关资料,需要的伴侣可以参考下 ECMAScript5 给出了一系列新的 API 接口，这些接口在新的浏览器中大部分是被支持的，IE9，Chrome，FirFor 都支持，也有少量 API不是全部浏览器都支持，以下内容仅介绍大部分被支持的 API。利用新的 API 我们可以设计出特别靠谱的类，而且还能保持原有的javaScript 的风格。 ECMAScript5 标准发布于 2024 年 12 月 3 日，它带来了一些新的，改善现有的 Array 数组操作的方法。〔留意兼容性〕 在 ES5 中，一共有 9 个 Array 方法：http://kangax.github.io/compat-table/es5/ Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.prototype.some Array.prototype.forEach Array.prototype.map Array.prototype.filter Array.prototype.reduce Array.prototype.reduceRight 下面列举了其中的 7 种方法，前 5 种方法很常见，许多开发者都会用到： 1、indexOf() indexOf()方法返回在该数组中第一个找到的元素位置，假如它不存在则返回-1。 var arr = ['apple', 'orange', 'pear'], found = false; // 未使用 for (var i = 0, l = arr.length; i l; i++) { if (arr[i] === 'orange') { found = true; } } console.log("found:", found); // == found: true // 使用后 console.log("found:", arr.indexOf("orange") != -1); // == found: true 2、filter() 该 filter()方法创建一个新的匹配过滤条件的数组。 不用 filter() 时： var arr=[{"name":"apple", "count": 2},{"name":"orange", "count": 5},{"name":"pear", "count": 3},{"name":"orange", "count": 16},] var newArr = []; for (var i = 0; i arr.length; i++) { if (arr[i].name === "orange") { newArr.push(arr[i]); } } console.log("Filter results:", newArr); 用了 filter()： var newArr = arr.filter(function(item) { return item.name === "orange"; }); console.log("Filter results:", newArr); 3、forEach() forEach 为每个元素执行对应的方法，是用来替换 for 循环的。 var arr = [1, 2, 3, 4, 5, 6, 7, 8]; // 使用...