最新のWeb開発のチュートリアル
 

JavaScriptアレイreduce() Method

<JavaScriptのArrayリファレンス

配列内の数字の合計を取得します。

var numbers = [65, 44, 12, 4];

function getSum(total, num) {
    return total + num;
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum);
}

結果は次のようになります。

125
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

class="color_h1">reduce ()メソッドを単一の値に配列を低減します。

reduce()メソッドは、配列の各値のために設けられた機能を実行する(from left-to-right)

関数の戻り値は、アキュムレータに格納されている(result/total)

注: 減らす ()の値なしで配列要素の機能を実行しません。


ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
reduce() はい 9.0 3.0 4 10.5

構文

パラメータ値
パラメーター 説明
function(total,currentValue, index,arr) 必須。 アレイ内の各要素に対して実行される機能。
関数の引数:
引数 説明
total 必須。 initialValue、または関数の前に返された値
currentValue 必須。 現在の要素の値
currentIndex 任意。 現在の要素の配列インデックス
arr 任意。 アレイは、現在の要素が属しているオブジェクト
初期値 任意。 初期値として関数に渡される値

技術的な詳細

戻り値: ブール。 配列の要素のいずれかがテストに合格した場合、それ以外の場合はfalseを返し、trueを返します
JavaScriptのバージョン: 1.8

例

その他の例

ラウンド全ての数は、配列され、かつ合計を表示します。

<button onclick="myFunction()">Try it</button>

<p>Sum of numbers in array: <span id="demo"></span></p>

<script>
var numbers = [15.5, 2.3, 1.1, 4.7];

function getSum(total, num) {
    return total + Math.round(num);
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum,0);
}
</script>
»それを自分で試してみてください

<JavaScriptのArrayリファレンス