JavaScript の forEachRight 関数 | 配列の逆順反復

forEachRight を使った逆順反復

JavaScriptBeginner

今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、ここをクリックしてください

はじめに

この実験では、JavaScript の forEachRight 関数を調べます。この関数は、配列の各要素に対して、与えられたコールバック関数を逆順で実行します。この関数を使って、配列要素に対して逆順で操作を行う方法を学びます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28314{{"forEachRight を使った逆順反復"}} javascript/data_types -.-> lab-28314{{"forEachRight を使った逆順反復"}} javascript/arith_ops -.-> lab-28314{{"forEachRight を使った逆順反復"}} javascript/comp_ops -.-> lab-28314{{"forEachRight を使った逆順反復"}} javascript/debugging -.-> lab-28314{{"forEachRight を使った逆順反復"}} end

配列の各要素に対して逆順で関数を実行する方法

配列の最後の要素から始めて、各配列要素に対して関数を実行するには、次の手順に従います。

Array.prototype.slice() を使って与えられた配列をクローンします。
Array.prototype.reverse() を使ってクローンした配列を逆順にします。
Array.prototype.forEach() を使って逆順の配列を反復処理します。

以下はコードの例です。

const forEachRight = (arr, callback) => arr.slice().reverse().forEach(callback);

次のコードを実行することで関数をテストできます。

forEachRight([1, 2, 3, 4], (val) => console.log(val)); // '4', '3', '2', '1'

コーディングを始めるには、ターミナル/SSH を開いて node と入力します。

まとめ

おめでとうございます！あなたは、配列の各要素に対して逆順で関数を実行する実験を完了しました。あなたのスキルを向上させるために、LabExでさらに多くの実験を行って練習することができます。