JavaScript の配列操作 | プログラミングチュートリアル

はじめに

この実験では、JavaScript を使って配列に多数の一致する要素があるかどうかを確認する概念を探ります。Array.prototype.filter() メソッドを与えられた関数と組み合わせて使って、すべての一致する配列要素を見つけ、その後 Array.prototype.length プロパティを使ってそのような要素が 1 つ以上あるかどうかを確認する方法を学びます。この実験が終わるとき、JavaScript で配列を操作する方法をより深く理解しているでしょう。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28143{{"配列に複数の一致する要素があるかどうかを確認する"}} javascript/data_types -.-> lab-28143{{"配列に複数の一致する要素があるかどうかを確認する"}} javascript/arith_ops -.-> lab-28143{{"配列に複数の一致する要素があるかどうかを確認する"}} javascript/comp_ops -.-> lab-28143{{"配列に複数の一致する要素があるかどうかを確認する"}} javascript/higher_funcs -.-> lab-28143{{"配列に複数の一致する要素があるかどうかを確認する"}} end

配列に複数の一致する要素があるかどうかを確認する関数

与えられた関数と一致する値が配列に 1 つ以上あるかどうかを確認するには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Array.prototype.filter() を fn と組み合わせて、すべての一致する配列要素を見つけます。
Array.prototype.length を使って、1 つ以上の要素が fn と一致するかどうかを確認します。

使用できるコードは次のとおりです。

const hasMany = (arr, fn) => arr.filter(fn).length > 1;

以下はいくつかの例です。

hasMany([1, 3], (x) => x % 2); // true
hasMany([1, 2], (x) => x % 2); // false

まとめ

おめでとうございます！配列に複数の一致する要素があるかどうかを確認する実験を完了しました。スキルを向上させるために、LabEx でさらに実験を練習できます。