JavaScriptで配列から別の配列の要素を返す方法


  1. ループを使用する方法:

    function getElementsFromArray(arr1, arr2) {
     let result = [];
     for (let i = 0; i < arr2.length; i++) {
       if (arr1.includes(arr2[i])) {
         result.push(arr2[i]);
       }
     }
     return result;
    }
    // 使用例:
    const array1 = [1, 2, 3, 4, 5];
    const array2 = [2, 4, 6];
    const resultArray = getElementsFromArray(array1, array2);
    console.log(resultArray); // [2, 4]
  2. filterメソッドを使用する方法:

    function getElementsFromArray(arr1, arr2) {
     return arr2.filter(element => arr1.includes(element));
    }
    // 使用例:
    const array1 = [1, 2, 3, 4, 5];
    const array2 = [2, 4, 6];
    const resultArray = getElementsFromArray(array1, array2);
    console.log(resultArray); // [2, 4]
  3. mapメソッドを使用する方法:

    function getElementsFromArray(arr1, arr2) {
     return arr2.map(element => arr1.includes(element) ? element : null).filter(Boolean);
    }
    // 使用例:
    const array1 = [1, 2, 3, 4, 5];
    const array2 = [2, 4, 6];
    const resultArray = getElementsFromArray(array1, array2);
    console.log(resultArray); // [2, 4]
  4. reduceメソッドを使用する方法:

    function getElementsFromArray(arr1, arr2) {
     return arr2.reduce((result, element) => {
       if (arr1.includes(element)) {
         result.push(element);
       }
       return result;
     }, []);
    }
    // 使用例:
    const array1 = [1, 2, 3, 4, 5];
    const array2 = [2, 4, 6];
    const resultArray = getElementsFromArray(array1, array2);
    console.log(resultArray); // [2, 4]

これらはいくつかの一般的な方法ですが、JavaScriptには他にもさまざまなアプローチがあります。要件に応じて最適な方法を選択することができます。以上のコード例を使用して、配列から別の配列の要素を取得する方法を試してみてください。