一致する要素をフィルタリングする | JavaScript 配列のフィルタリング

はじめに

この実験では、JavaScriptを使って一致する配列要素をフィルタリングする方法を探ります。Array.prototype.includes() メソッドを使って除外する値を見つける方法と、これらの値を除外した新しい配列を作成するために Array.prototype.filter() メソッドを実装する方法を学びます。この実験が終わるとき、JavaScriptを使って配列内の特定の要素をフィルタリングする方法をしっかりと理解しているでしょう。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} javascript/data_types -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} javascript/arith_ops -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} javascript/comp_ops -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} javascript/higher_funcs -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} javascript/spread_rest -.-> lab-28298{{"一致する配列要素をフィルタリングする"}} end

JavaScript で一致する配列要素をフィルタリングする方法

JavaScript の配列から1つ以上の指定された値を持つ要素をフィルタリングするには、次の手順に従います。

ターミナルまたは SSH を開き、コーディングの練習を始めるために node と入力します。
除外する値を見つけるために Array.prototype.includes() メソッドを使用します。
除外された要素を含む新しい配列を作成するために Array.prototype.filter() メソッドを使用します。

以下はコードの例です。

const without = (arr, ...args) => arr.filter((v) => !args.includes(v));

without([2, 1, 2, 3], 1, 2); // [3]

この例では、without 関数は配列 arr と1つ以上の引数 args を受け取ります。この関数は、filter() メソッドを使用して、args 内の指定された値のいずれかと一致する要素を除外した新しい配列を作成します。includes() メソッドは、値が args に含まれているかどうかを確認するために使用されます。最後に、関数は除外された要素を含む新しい配列を返します。

まとめ

おめでとうございます！あなたは「一致する配列要素をフィルタリングする」実験を完了しました。あなたの技術を向上させるために、LabExでさらに多くの実験を練習することができます。