Js中Array 函数使用方法

本文深入解析JavaScript中数组的各种操作方法,包括forEach, every, some, filter, map, reduce及reduceRight等,通过实例展示了如何高效地使用这些方法进行数组处理,如查找、过滤、映射和累计操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遇到数组有关操作,脑子第一反应不要再是嵌套 for 循环了,Array 类型提供了一些遍历有关的函数。

  • Array.prototype.forEach() : 把数组每个元素丢到一个处理 function 里面,相当于 for 循环。
  • Array.prototype.every() : 所有数组元素处理后全部 return true,那么就 return true,有点像 &&。
  • Array.prototype.some() : 只要一个数组元素处理后 return true,那么就 return true,有点像 ||。
  • Array.prototype.filter() : 将处理时 return true 的数组元素拿出来组成一个新数组。
  • Array.prototype.map() : 对每个数组元素进行处理,并组成一个新数组。
  • Array.prototype.reduce() : 像一个累加器一样,把数组元素全部加起来(从左向右)。
  • Array.prototype.reduceRight() : 同上,顺序从右向左。
  • Array.prototype.square = function () { return this.map(function(n) { return n*n; }); }
  • Array.prototype.average = function () { return this.sum() / this.length; }
  • Array.prototype.sum = function () { return this.reduce(function(a, b) { return a + b; }, 0); }
  • Array.prototype.even = function () { return this.filter(function(item) { return 0 == item % 2; }); }
  • Array.prototype.odd = function () { return this.filter(function(item) { return 0 != item % 2; }); }

例如有道题是要求判断某个值是否存在与一个多层数组(locate([‘a’,’b’,[‘c’,’d’,[‘e’]]],’e’); // should return true)。

var locate = function(arr, v) {
  return arr.some(function(e) { return Array.isArray(e) ? locate(e, v) : e === v; });
}
 
再来一个统计字符串每个字母出现次数的函数:
function count (string) {
  var count = {};
  string.split('').forEach(function(s) {
    count[s] ? count[s]++ : count[s] = 1;
  });
  return count;
}

转载于:https://www.cnblogs.com/feixiablog/p/9026189.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值