配列.map ()より良い方法🧐 ?


The method map() creates a new array with the values that get returned by calling the function provided to map(anyFunctionHere) on every element of an array.

map()が実行されている配列は、配列の呼び出しとして指定されます.

タスク


最初の名前が逆の配列を指定すると、元の配列に同じ名前の位置を持つ新しい配列を作成しますが、最初の名前を再反転します.
どのように我々はfor-loopを使用して取り組むことができる見てみましょう.
const arrayOfNames = ['anhsirK', 'nosaJ', 'nolE', 'drawdE'];

let arrayOfReversedNames = []; // declaring an empty array to store results.

for (let nameIndex = 0; nameIndex < arrayOfNames.length; nameIndex = nameIndex + 1) {
  // we can reverse a string in JavaScript with String.split("").reverse().join("")
  const reversedFirstName = arrayOfNames[nameIndex].split('').reverse().join('');
  arrayOfReversedNames.push(reversedFirstName);
}

// output: [ 'Krishna', 'Jason', 'Elon', 'Edward' ]
上の例では、arrayOfReversedNamesを宣言し、その配列に逆の名前を付けました.
これは、同じ問題を解決する時間だが、map()メソッドを使用する.
const arrayOfNames = ['anhsirK', 'nosaJ', 'nolE', 'drawdE'];

// declaring an empty array to store results.
let arrayOfReversedNames = arrayOfNames.map((firstName) => {
  return firstName.split("").reverse().join("")
}); 

// arrayOfReversedNames: [ 'Krishna', 'Jason', 'Elon', 'Edward' ]
我々はarrow functionmap()の引数でfirstNameに渡します.firstNameは、呼び出し配列の要素の各反復で異なる値を持つでしょう.ここでの最初の反復では、firstNameの値は、2番目の反復でanhsirKnosaJ、そうである.map()for-loopがやっていた同じ繰り返しをしているので、我々は同じ結果を得ることは明らかです.
この時点で、両方のメソッドが呼び出し元の配列の要素に対する反復と同じことをしているかどうかを尋ねるかもしれません.これは読みやすく、明示的に何が行われているかを説明します.
ええ、はい.

map ()のループで使用する利点


ほとんどのコードの
  • より少ない行-ほとんど!
  • 私たちはmap()に渡された関数の引数で直接呼び出し元の配列の個々の要素へのアクセスを取得します.
  • は、配列のすべての要素がfor-loopで繰り返されるという確信です.そして、もう242479142の内部で間違ったインデックスに決して対処しません.
  • 私たちが一日の終わりに知っているのは、私たちが配列を持っていて、その配列のすべての要素を処理し、新しい値を格納したいということです.
    もとはat my blog
    編集
    MDNとしてmap()を使用しない場所の詳細情報を得るために作られたこのポストのコメントを見てください.