JS篇 - reduce()用法的练习体会

Jishenshen97

于 2020-03-08 21:03:16 发布

阅读量303

点赞数

分类专栏： JS 学习笔记文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Jishenshen97/article/details/104740392

版权

JS 学习笔记专栏收录该内容

15 篇文章

订阅专栏

本文探讨了在JavaScript中使用reduce()函数时遇到的问题及解决方法。通过一个具体的例子，解释了如何避免在处理数组时出现"TypeError: prev.indexOf is not a function"的错误。关键在于正确放置return语句的位置，确保函数能够正常返回结果。

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

今天在做reduce()练习的时候，遇到了这样一个函数：

var arr=[3,5,6,2,2,4];
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);

//==>[ 3, 5, 6, 2, 4 ]

于是我在想，能不能if来做判断，于是写了这样一个片段

var arr=[3,5,6,2,2,4];
var newArr = arr.reduce(function (prev, cur) {
     if (prev.indexOf(cur) === -1){
         prev.push(cur);
         return prev;
  }
},[]);

报错
==>TypeError: prev.indexOf is not a function

问题出现在哪里？我们来看这个if函数，如果prev.indexOf(cur) === -1为false呢？prev就没办法return了，所以解决方案很简单，把return放到if后面就能成功return了。

var arr=[3,5,6,2,2,4];
var newArr = arr.reduce(function (prev, cur) {
     if (prev.indexOf(cur) === -1){
         prev.push(cur);}
     return prev;
},[]);

newArr
//==> [ 3, 5, 6, 2, 4 ]