配列.map ()より良い方法🧐 ?
The method
map()
creates a new array with the values that get returned by calling the function provided tomap(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 functionでmap()
の引数でfirstName
に渡します.firstName
は、呼び出し配列の要素の各反復で異なる値を持つでしょう.ここでの最初の反復では、firstName
の値は、2番目の反復でanhsirK
、nosaJ
、そうである.map()
がfor-loop
がやっていた同じ繰り返しをしているので、我々は同じ結果を得ることは明らかです.この時点で、両方のメソッドが呼び出し元の配列の要素に対する反復と同じことをしているかどうかを尋ねるかもしれません.これは読みやすく、明示的に何が行われているかを説明します.
ええ、はい.
map ()のループで使用する利点
ほとんどのコードの
map()
に渡された関数の引数で直接呼び出し元の配列の個々の要素へのアクセスを取得します.for-loop
で繰り返されるという確信です.そして、もう242479142の内部で間違ったインデックスに決して対処しません.もとはat my blog
編集
MDNとして
map()
を使用しない場所の詳細情報を得るために作られたこのポストのコメントを見てください.Reference
この問題について(配列.map ()より良い方法🧐 ?), 我々は、より多くの情報をここで見つけました https://dev.to/sereneinserenade/array-map-a-better-way-c23テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol