JavaScript配列every()
例1
ages []のすべての値が18を超えているかどうかを確認します。
const ages = [32, 33, 16, 40];
ages.every(checkAge)
function checkAge(age) {
return age > 18;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
このevery()
メソッドは、配列要素ごとに関数を実行します。
関数がすべての要素に対してtrueをevery()
返す場合、メソッドは戻ります。true
関数が1つの要素に対してfalseをevery()
返す場合、メソッドは戻ります。false
このevery()
メソッドは、空の要素に対して関数を実行しません。
このevery()
メソッドは元の配列を変更しません
構文
array.every(function(currentValue, index, arr), thisValue)
パラメーター
Parameter | Description |
function() | Required. A function to be run for each element in the array. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default undefined .A value passed to the function as its this value. |
戻り値
タイプ | 説明 |
ブール値 |
true すべての要素がテストに合格した場合、それ以外の場合はfalse 。 |
ブラウザのサポート
every()
ECMAScript5(ES5)機能です。
ES5(JavaScript 2009)は、すべてのブラウザーで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
その他の例
すべての答えが同じかどうかを確認します。
const survey = [
{ name: "Steve", answer: "Yes"},
{ name: "Jessica", answer: "Yes"},
{ name: "Peter", answer: "Yes"},
{ name: "Elaine", answer: "No"}
];
let result = survey.every(isSameAnswer);
function isSameAnswer(el, index, arr) {
if (index === 0) {
return true;
} else {
return (el.answer === arr[index - 1].answer);
}
}
すべての値が特定の数値を超えているかどうかを確認します。
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [32, 33, 12, 40];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.every(checkAge);
}
</script>