JavaScript の配列操作 | 配列関数 | コーディングチュートリアル

はじめに

この実験では、指定された関数に基づいて配列の末尾から要素を削除する方法を学びます。dropRightWhile 関数は、配列をループして、関数が true を返すまで右から要素を削除します。その後、配列の残りの要素が返されます。この実験は、JavaScript で高階関数を使用して配列を操作する方法を理解するのに役立ちます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") subgraph Lab Skills javascript/variables -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} javascript/data_types -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} javascript/arith_ops -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} javascript/comp_ops -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} javascript/loops -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} javascript/array_methods -.-> lab-28280{{"dropRightWhile を使った配列の操作"}} end

関数に基づいて配列の右側から要素を削除する

特定の条件が満たされるまで配列の末尾から要素を削除するには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Array.prototype.slice() を使用して配列をループし、渡された func が true を返すまで配列の最後の要素を削除します。
配列の残りの要素を返します。

以下は、実装例です。

const dropRightWhile = (arr, func) => {
  let rightIndex = arr.length;
  while (rightIndex-- && !func(arr[rightIndex]));
  return arr.slice(0, rightIndex + 1);
};

この関数を次のように使用できます。

dropRightWhile([1, 2, 3, 4], (n) => n < 3); // [1, 2]

まとめ

おめでとうございます！関数に基づいて配列の右側から要素を削除する実験を完了しました。スキルを向上させるために、LabEx でさらに実験を行って練習してください。