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

JavaScriptアレイ・フィルタ()メソッド

JavaScriptのArrayリファレンス JavaScriptのArrayリファレンス

18またはを超えている年齢アレイすべての値の配列を返します:

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

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

32,33,40
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

filter()メソッドは、(機能として提供される)試験に合格し、すべての配列要素が充填された配列を作成します。

注:フィルタ()は値なしで配列の要素のための機能を実行しません。

注:フィルタ()は、元の配列は変更されません。


ブラウザのサポート

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

方法
filter() はい 9.0 1.5 はい はい

構文

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

パラメーター値

Parameter Description
function(currentValue, index,arr) Required. A function to be run for each element in the array.
Function arguments:
Argument Description
currentValue Required. The value of the current element
index Optional. The array index of the current element
arr Optional. The array object the current element belongs to
thisValue Optional. A value to be passed to the function to be used as its "this" value.
If this parameter is empty, the value "undefined" will be passed as its "this" value

技術的詳細

戻り値: 試験に合格するすべての配列要素を含む配列です。 何の要素がテストに合格しない場合は、空の配列を返します。
JavaScriptのバージョン: 1.6

例

その他の例

特定の数または超えている年齢アレイすべての値の配列を返します:

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>

<p>All ages above minimum: <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.filter(checkAdult);
}
</script>
»それを自分で試してみてください

JavaScriptのArrayリファレンス JavaScriptのArrayリファレンス