JavaScript 配列の each() メソッド


JavaScript配列のevery()メソッド

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
</head>
<body>

<p>点击按钮检测数组的所有元素是否都大于 18 :</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
</script>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


定義と使用法

every()メソッドが使用されますすべての配列を検出するには、要素がすべて指定された条件 (関数によって提供される) を満たすかどうかを確認します。

every() メソッドは、指定された関数を使用して配列内のすべての要素を検出します。

  • 配列内の 1 つの要素が満たされていないことが検出された場合、式全体が false を返し、残りの要素は検出されません。再度テストされました。
  • すべての要素が条件を満たしている場合に true を返します。

注: each() は空の配列を検出しません。

注: each() は元の配列を変更しません。


ブラウザのサポート

表内の数字は、このメソッドをサポートする最初のブラウザのバージョン番号を示します。

QQ截图20161108170443.png


構文

array.every(function(currentValue,index,arr), thisValue)

パラメータの説明

パラメータ説明
function(currentValue,index,arr)必須。関数、配列内の各要素がこの関数を実行します
関数パラメータ:
パラメータの説明 currentValue である必要があります。現在の要素の値インデックスはオプションです。現在の要素のインデックス値 arr はオプションです。現在の要素が属する配列オブジェクト
thisValue はオプションです。オブジェクトは実行コールバックとして使用され、関数に渡され、「this」の値として使用されます。
thisValueを省略した場合、「this」の値は「未定義」になります

技術的な詳細

戻り値: ブール値。すべての要素がテストに合格した場合は true を返し、そうでない場合は false を返します。
JavaScript バージョン:1.6

その他の例

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
</head>
<body>

<p>点击按钮检测数组的所有元素是否都大于输入框中指定的数字。</p>
<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">点我</button>
<p>是否所有年龄都符号条件? <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
</script>

</body>
</html>

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックして、オンラインインスタンス