JavaScriptの最も重要な配列関数
1911 ワード
初心者として、私はまた、特定のトピックに関連付けられているすべての機能を覚えて困難に直面している.そこで、JavaScriptの中で重要で広く使われている配列関数について書くことを考えました.しかし、少なくともすべての機能の基本的な考えを持つべきです.
filter ()メソッドは、関数によって提供されるテストを渡す要素で満たされた新しい配列を作成します.ただし、元の配列を変更しません.
例えば、
forech ()メソッドは配列の各要素の関数を呼び出します.すべての要素のforループに似ています.
例えば、
map ()メソッドは、要素ごとに関数を呼び出した結果から新しい配列を作成します.
例えば、
splice ()メソッドは、要素を追加または削除することによって、元の配列を上書きします.
例えば、
これがコード化とウェブ発展に新しいpeepsを助けるという望み.
これらのトピックの詳細については、このプレイリストに従ってください
1 . filter ()
filter ()メソッドは、関数によって提供されるテストを渡す要素で満たされた新しい配列を作成します.ただし、元の配列を変更しません.
例えば、
const numbers = [32, 33, 16, 40];
const result = numbers.filter(checkNumber);
function checkNumber(number) {
return number >= 30;
}
これらの要素が30より大きいので、フィルタは[ 32 , 33 , 44 ]を返します.2 .はじめに
forech ()メソッドは配列の各要素の関数を呼び出します.すべての要素のforループに似ています.
例えば、
let text = "";
const numbers = [1,2,3,4]
numbers.forEach(functionMe);
document.getElementById("para").innerHTML = text;
function functionMe(item, index) {
text += (index+1) + ": " + item + "<br>";
}
出力は1: 1
2: 2
3: 3
4: 4
3 . map ()
map ()メソッドは、要素ごとに関数を呼び出した結果から新しい配列を作成します.
例えば、
const numbers = [1, 4, 9, 16, 25];
document.getElementById("para").innerHTML = numbers.map(Math.sqrt);
すべての要素の平方根が表示されます.1,2,3,4,5
4 . splice ()
splice ()メソッドは、要素を追加または削除することによって、元の配列を上書きします.
例えば、
const avengers = ["Captain America", "Iron Man", "Hulk", "Thor"];
fruits.splice(3, 0, "spider man", "Dr. Strange");
// here 3 signifies index, 0 signifies that no element is to be deleted .
//If we wish to delete some elements ,then index and number of elements to be deleted should be provided.
document.getElementById("para").innerHTML = fruits;
これにより、インデックス3に2つの要素が追加される.これがコード化とウェブ発展に新しいpeepsを助けるという望み.
これらのトピックの詳細については、このプレイリストに従ってください
Reference
この問題について(JavaScriptの最も重要な配列関数), 我々は、より多くの情報をここで見つけました https://dev.to/ddev2636/most-important-array-functions-in-javascript-2888テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol