JAVASCRIPT ARRAY MAP() メソッド

の JavaScriptのmap()メソッド 元の配列の各要素に関数を適用して、新しい配列を作成します。空の要素をスキップし、元の配列を変更しないため、データの変換に最適です。

map() メソッドの注目すべき機能の 1 つは、空の要素の処理です。これらの要素のコールバック関数の実行は自動的にスキップされ、空ではない値の処理のみに重点が置かれます。この動作により、効率的かつ合理化された処理が保証され、配列変換の全体的なパフォーマンスが向上します。

構文：

map((element, index, array) =>{ /* … */ })

パラメーター：

要素： これは必須パラメータであり、現在の要素の値を保持します。
索引： これはオプションのパラメータであり、現在の要素のインデックスを保持します。
到着: これはオプションのパラメータであり、配列を保持します。

戻り値:

新しい配列を返し、配列の要素はコールバック関数の結果です。

例：ここで使用しているのは、 map()> メソッドを使用して、元の配列内の各数値の平方根を含む新しい配列を作成します。

JavaScript

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(数値)); console.log(squareRoots); // 出力: [1, 2, 3, 4, 5]>>'   
  出力   [ 1, 2, 3, 4, 5 ] 
        例     : この例では、array map() メソッドを使用し、配列要素の 2 乗を返します。  
JavaScript   // Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 
    
  出力       例：     この例では、array map() メソッドを使用して、文字「A」を名前のすべての文字と連結します。  
JavaScript   //Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 
    
  出力   [ 'GA', 'eA', 'eA', 'kA', 'sA' ] 
   引数を指定したコールバック関数の使用  
  parseInt() と map() メソッドを使用する。の  parseInt()>  関数は文字列を整数に変換します。と一緒に使用する場合  map()>  、文字列の配列の各要素を整数に変換します。  
      例：     ここでは、map() で parseint を使用しています。  
JavaScript   const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(整数); // 出力: [10, 20, 30]> 
    
  出力   [ 10, 20, 30 ] 
   Javascript 配列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。   Javascript 配列の完全なリファレンス   記事。  
   Javascript の重要なトピックをすべて網羅した Javascript のチートシートを用意していますので、確認してください。   JavaScript チートシート - JavaScript の基本ガイド   。  
   JavaScript は Web ページ開発で最もよく知られていますが、ブラウザ以外のさまざまな環境でも使用されます。これに従ってJavaScriptを基礎から学ぶことができます   JavaScript チュートリアル   そして   JavaScript の例   。