配列から値を抽出する

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、JavaScript の配列を操作する方法を検討します。配列から特定の値をフィルタリングし、元の配列を変更する関数を作成します。この機能を実現するために、filter()includes()push() などの組み込みの配列メソッドを使用します。この実験が終了するとき、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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28563{{"配列から値を抽出する"}} javascript/data_types -.-> lab-28563{{"配列から値を抽出する"}} javascript/arith_ops -.-> lab-28563{{"配列から値を抽出する"}} javascript/comp_ops -.-> lab-28563{{"配列から値を抽出する"}} javascript/array_methods -.-> lab-28563{{"配列から値を抽出する"}} javascript/obj_manip -.-> lab-28563{{"配列から値を抽出する"}} javascript/higher_funcs -.-> lab-28563{{"配列から値を抽出する"}} javascript/spread_rest -.-> lab-28563{{"配列から値を抽出する"}} end

JavaScript の配列から値を抽出する方法

JavaScript の配列から特定の値を抽出するには、Array.prototype.filter()Array.prototype.includes() メソッドを使用できます。以下がその方法です。

const pull = (arr, ...args) => {
  let argState = Array.isArray(args[0]) ? args[0] : args;
  let pulled = arr.filter((v) => !argState.includes(v));
  arr.length = 0;
  pulled.forEach((v) => arr.push(v));
};

pull 関数は、配列と削除する値を表す 1 つ以上の引数を受け取ります。その後、Array.prototype.filter() を使用して指定された値をフィルタリングすることで新しい配列を作成します。そして、元の配列の長さを 0 にリセットし、Array.prototype.push() を使用して抽出された値のみで再作成することで、元の配列を変更します。

pull 関数の使用方法の例を以下に示します。

let myArray = ["a", "b", "c", "a", "b", "c"];
pull(myArray, "a", "c"); // myArray = [ 'b', 'b' ]

この例では、pull 関数は myArray 配列から 'a''c' のすべての出現を削除し、'b''b' の値のみを含む新しい配列を返します。

まとめ

おめでとうございます!配列から値を抽出する実験を完了しました。スキルを向上させるために、LabEx でさらに多くの実験を行って練習してください。