JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

【JavaScript】配列から偶数のみを抽出して返す関数の作り方

ここでは、引数として数値の配列を1つ受け取り、その中から偶数のみを含む新しい配列を返す関数を作成します。

関数名は returnEvenArray とし、以下のように実装できます。

サンプルコード

const arr = [3,5,6,7,8,4,2,1,66,77];
const returnEvenArray = (arr) => {
    return arr.filter(el => {
        return el % 2 === 0;
    })
};
console.log(returnEvenArray(arr));

コードの解説

この関数では、Array.prototype.filter() メソッドを使用しています。

filter() は、コールバック関数が true を返した要素だけで構成される新しい配列を作成するメソッドです。ここでは el % 2 === 0 という条件式により、「その要素を2で割った余りが0」＝2の倍数（偶数）であるかどうかを判定しています。

なお、filter() は元の配列を変更しないため、安全に利用できます。

実行結果

コンソールには次のように出力されます。

[ 6, 8, 4, 2, 66 ]

このように、入力配列の中から偶数だけが抽出された配列が返されます。

  1. JavaScriptのArray.prototype.map()メソッドの使い方を徹底解説

    Array.prototype.map()とは？ JavaScriptのArray.prototype.map()メソッドは、配列の各要素に対してコールバック関数を実行し、その戻り値から新しい配列を作成するためのメソッドです。元の配列は変更されないため、安全にデータ変換を行いたい場合に非常に便利です。 構文 arr.map(function callback(currentValue[, index[, array]]) 各引数の意味は以下のとおりです。 currentValue：現在処理している要素の値 index（省略可能）：現在処理している要素のインデックス番号 array（省略可能

  2. JavaScriptで配列の一部（指定範囲）だけをソートする方法

    JavaScriptでは、文字列の配列を第1引数として受け取り、さらに2つの数値をそれぞれ第2引数・第3引数として受け取る関数を作成する必要があります。この関数の目的は配列をソートすることですが、対象となるのは第2引数と第3引数で指定された開始インデックスから終了インデックスまでの範囲だけです。それ以外の要素はすべて元の順序のまま変更されません。たとえば、次のように呼び出します。const arr = [z, b, a]; sortBetween(arr, 0, 1);この場合、関数はインデックス0と1に位置する要素だけをソートします。その結果、配列は次のようになります。const outpu