jsでのmap関数の使い方

下次还敢
リリース: 2024-05-07 19:15:26
オリジナル
795 人が閲覧しました

JavaScript の map() 関数は、新しい配列を作成するために使用される関数であり、指定された関数を通じて元の配列の各要素を変換します。使用する場合は、コールバック関数と元の配列の 2 つのパラメーターを渡す必要があります。コールバック関数は、現在の要素、オプションのインデックス、および配列自体を受け入れ、新しく変換された値を返します。 map() 関数は、文字列の大文字または小文字への変換、オブジェクト プロパティの抽出、条件を満たす要素のフィルタリングなど、さまざまな変換操作に使用できます。元の配列を変更せずに新しい配列を作成し、配列内の各要素に対して同じ操作を簡単に実行できます。

jsでのmap関数の使い方

#JavaScript の map() 関数

map() 関数とは何ですか?

map() 関数は、指定された関数によって元の配列の各要素を変換することによって新しい配列を作成する JavaScript 関数です。

map() 関数の使い方

map() 関数は 2 つのパラメータを受け入れます:

  • コールバック関数: 1 つは元の配列の各要素を新しい値に変換し、関数は戻ってきた。
  • 元の配列: 変換を実行する配列。

構文:

<code class="javascript">const newArray = arr.map((element, index, array) => {
  // 在此对元素进行变换操作
});</code>
ログイン後にコピー

コールバック関数パラメータ:

  • 要素: 元の配列内の現在の要素。
  • index (オプション): 元の配列内の要素のインデックス。
  • array (オプション): 元の配列そのもの。

例:

数値の配列 [1、2、3、4、5] があり、新しい配列を作成するとします。配列、その中の各要素は 1 ずつ増加します。

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const incrementedNumbers = numbers.map((num) => num + 1); // [2, 3, 4, 5, 6]</code>
ログイン後にコピー

その他の用途:

map() 関数は、次のような他の変換操作にも使用できます。

    文字を変換する配列内の文字列を大文字または小文字に変換します。
  • 配列内のオブジェクトの特定のプロパティを抽出します。
  • 特定の条件を満たす要素のみを含む新しい配列を作成します。

利点:

    元の配列を変更せずに新しい配列を作成します。
  • 配列内の各要素に対して同じ操作を簡単に実行できます。
  • はさまざまな変換操作に使用できます。

以上がjsでのmap関数の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート