猿问

通过 reduce 方法对数组元素进行计数,直到出现特定值,不会给出正确的输出

const arr = [5,6,0,7,8];

const sum = (arr,num) => arr.reduce((total)=>(num==0 ? total : total+num), 0) 

console.log(sum(arr, 0))

请检查我如何使它工作。做了一些错误,但不知道到底是什么。输出是函数而不是结果。


哈士奇WWW
浏览 146回答 3
3回答

明月笑刀无情

这样做很尴尬,因为它会遍历整个阵列。如果我们做一个幼稚的实现,你可以看到问题:.reduceconst arr = [5,6,0,7,8];const sum = (arr,num) => arr.reduce((total, x)=>(num==x ? total : total+x), 0)&nbsp;console.log(sum(arr, 0))我们现在正确进行检查 - 将在为零时返回(的值)。但是,结果是错误的,因为这只返回一次,但任何其他迭代它仍然是 。以下是描述该过程每个步骤的更多日志记录的相同内容:num==xtruexnumtruetrueconst arr = [5,6,0,7,8];const sum = (arr,num) => arr.reduce((total, x)=> {&nbsp; const boolCheck = num==x;&nbsp; const result = boolCheck ? total : total+x;&nbsp; console.log(`total: ${total}num: ${num}x: ${x}boolCheck: ${boolCheck}result: ${result}`);&nbsp; &nbsp; return result;&nbsp; }, 0)&nbsp;console.log(sum(arr, 0))展开代码段因此,您需要添加一些在迭代之间持续存在的标志,这样它就不会丢失。一种选择是在回调中更改外部标志:reduceconst arr = [5,6,0,7,8];const sum = (arr,num) => {&nbsp; let finished = false;&nbsp; return arr.reduce((total, x) => {&nbsp; &nbsp; if(x === num)&nbsp; &nbsp; &nbsp; finished = true;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; return finished ? total : total+x;&nbsp; }, 0)}console.log(sum(arr, 0))展开代码段或者,您可以将该标志放在回调内部,并在调用之间传递它。它最终以相同的方式工作,但使回调函数纯净。以一些非正统结构为代价:reduceconst arr = [5,6,0,7,8];const sum = (arr,num) => {&nbsp; return arr.reduce(({total, finished}, x) => {&nbsp; &nbsp; if(x === num)&nbsp; &nbsp; &nbsp; finished = true;&nbsp; &nbsp; total = finished ? total : total+x;&nbsp; &nbsp; return {total, finished};&nbsp; }, {total: 0, finished: false})&nbsp; .total}console.log(sum(arr, 0))展开代码段如果要使用但可以使用其他方法,则可以使用 Array#indexOf 来查找值的第一个实例,并使用 Array#切片包含任何值的数组,直到目标值:reduceconst arr = [5,6,0,7,8];const sum = (arr,num) => {&nbsp; const endIndex = arr.indexOf(num);&nbsp;&nbsp;&nbsp; return arr.slice(0, endIndex)&nbsp; &nbsp; .reduce((total, x)=> total+x, 0)}console.log(sum(arr, 0))展开代码段或作为一个链式表达式:const arr = [5,6,0,7,8];const sum = (arr,num) => arr&nbsp; .slice(0, arr.indexOf(num))&nbsp; .reduce((total, x)=> total+x, 0);console.log(sum(arr, 0))展开代码段其他库可能有一个更接近你想要的或操作 - 它从一开始就给你一个数组到给定的值或条件。然后,您可以减少结果。takeUntiltakeWhile下面是一个使用洛达什#takeWhile的示例通过在此处使用链接,Lodash 将执行惰性求值,因此它只会遍历数组一次,而不是扫描一次以找到最终索引并再次遍历数组以求和它。const arr = [5,6,0,7,8];const sum = (arr,num) => _(arr)&nbsp; .takeWhile(x => x !== num)&nbsp; .reduce((total, x)=>total+x, 0)console.log(sum(arr, 0))<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>展开代码段请注意,如果您使用的是洛达什语,那么您也可以使用 _.sum()。我上面不是为了说明通用/的外观。takeUntiltakeWhileconst arr = [5, 6, 0, 7, 8];const sum = (arr, num) => _(arr)&nbsp; .takeWhile(x => x !== num)&nbsp; .sum()console.log(sum(arr, 0))<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>展开代码段

幕布斯6054654

由于您需要停止在数组中对值求和,因此这可能最简单地使用循环来实现:forconst arr = [5, 6, 0, 7, 8];const num = 0;let sum = 0;for (let i = 0; i < arr.length; i++) {&nbsp; if (arr[i] == num) break;&nbsp; sum += arr[i];}console.log(sum);展开代码段如果要使用 ,则需要保留一个标志,说明是否已看到该值,以便停止从数组中添加值:reducenumconst arr = [5, 6, 0, 7, 8];const sum = (arr, num) => {&nbsp; let seen = false;&nbsp; return arr.reduce((c, v) => {&nbsp; &nbsp; if (seen || v == num) {&nbsp; &nbsp; &nbsp; seen = true;&nbsp; &nbsp; &nbsp; return c;&nbsp; &nbsp; }&nbsp; &nbsp; return c + v;&nbsp; }, 0);}console.log(sum(arr, 0));console.log(sum(arr, 8));

人到中年有点甜

您需要括号来执行该函数()sum(arr,&nbsp;0)如果不使用括号,则将对函数的引用存储在变量中
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答