JavaScript Array reduceRight() 方法
JavaScript基础 2022-05-13 16:29:47小码哥的IT人生shichen
JavaScript Array reduceRight() 方法
实例
减去数组中的数字，从末尾开始：
var numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduceRight(myFunc);
function myFunc(total, num) {
return total - num;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>减去数组中的数字，从末尾开始：</p>
<p id="demo"></p>
<script>
const numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduceRight(myFunc);
function myFunc(total, num) {
return total - num;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 实例。
定义和用法
reduceRight() 方法将数组缩减为单个值。
reduceRight() 方法为数组的每个值（从右到左）执行提供的函数。
函数的返回值存储在累加器中（结果/总计）。
注释：对没有值的数组元素，不执行 reduceRight() 方法。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
所有浏览器都完全支持 reduceRight() 方法：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome 3 | IE 9 | Edge 12 | Firefox 3 | Safari 5 | Opera 10.5 |
| 2009 年 6 月 | 2010 年 9 月 | 2015 年 7 月 | 2009 年 1 月 | 2010 年 6 月 | 2010 年 3 月 |
语法
array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue)
参数值
| 参数 | 描述 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| function(total, currentValue, index, arr) | 必需。为数组中的每个元素运行的函数。
函数参数：
|
||||||||||
| initialValue | 可选。作为初始值传递给函数的值。 |
技术细节
| 返回值： | 返回上次调用回调函数的累积结果。 |
|---|---|
| JavaScript 版本： | ECMAScript 5 |
更多实例
从右到左减去数字，并显示总和：
<button onclick="myFunction()">Try it</button>
<p>Sum of numbers in array: <span id="demo"></span></p>
<script>
var numbers = [2, 45, 30, 100];
function getSum(total, num) {
return total - num;
}
function myFunction(item) {
document.getElementById("demo").innerHTML = numbers.reduceRight(getSum);
}
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>计算从右到左减去数组中的数字的结果。</p>
<p id="demo"></p>
<script>
const numbers = [2, 45, 30, 100];
document.getElementById("demo").innerHTML = numbers.reduceRight(getSum);
function getSum(total, num) {
return total - num;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
