JavaScript関連の機能の説明

JavaScriptの学習で頻繁に登場する関数がいくつかありますが、この記事ではその一部を詳しく説明します。

.map

map メソッドは、配列内の各要素を反復処理し、コールバック関数に従って各要素を処理し、最終的に新しい配列を返します。

map メソッドを使用して、oldArray の各項目を 3 ずつ増分し、newArray に保存します。 oldArray は変更しないでください。

var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){  return val + 3;  });
.reduce

配列内の要素は左から右に順番に演算され、左の最後の要素が戻り値
で、最後の結果 (previousVal) と現在の値 (currentVal) の累積値が入ります。

var array = [4,5,6,7,8];var singleVal = 0;singleVal = array.reduce(function(previousVal, currentVal){ return previousVal + currentVal;   });
.filter

filter メソッドは、配列を反復し、指定された条件に従って一致する要素をフィルターで除外するために使用されます。

フィルターを使用して新しい配列を作成します。新しい配列の値は、値が 6 より小さい oldArray 内の要素です。元の配列を変更することはできません。oldArray

var oldArray = [1,2,3,4,5,6,7,8,9,10];var newArray = oldArray.filter(function(val){    return val<6;   });
.sort

sort メソッドは元の配列を変更し、ソートされた配列を返します。 sort は比較関数を引数として渡すことができます。比較関数には戻り値があります。a が b より小さい場合は負の数を返し、a が b より大きい場合は正の数を返します。比較関数が渡されない場合、すべての値が文字列に変換され、アルファベット順に並べ替えられます。

sort を使用して配列を昇順に並べ替えます。

var array = [1, 12, 21, 2];array.sort(function(a, b) {  return a - b;});result: [1,2,12,21]
.reverse

配列を反転するには reverse を使用します。そして newArray.

var array = [1,2,3,4,5,6,7];var newArray = [];newArray = array.reverse();
reverse_result.png
.concat

concat に割り当てられます。メソッドのパラメータは配列である必要があります。パラメーター内の配列は、元の配列の後に連結され、新しい配列として返されます。

.concat() を使用して、concatMe を oldArray の後ろに接続し、newArray に割り当てます。

concat_result.png
.split

split メソッドを使用すると、指定した区切り文字で文字列を配列に分割できます。区切り文字として使用されるパラメーターを Split メソッドに渡します。

文字列 string を配列​​配列に分割するには、split メソッドを使用します。

区切り文字はありません。

<script type="text/javascript">
    var str="How are you doing today?";    var n=str.split();    document.write(n);</script>输出：
How are you doing today?

文字列の各文字を区切ります。 :

H,w are y,u d,ing t,day?
.join

join メソッドは、配列を文字列に変換します。その中の各要素は、指定したコネクターで接続できます。このコネクターは、渡したいパラメーターです。

join メソッドを使用します。コネクタは ' ' で、配列 joinMe を文字列 joinString に変換します。

var veggies = ["Celery", "Radish", "Carrot", "Potato"];var salad = veggies.join(" and ");console.log(salad); // "Celery and Radish and Carrot and Potato" 
.replace

は

を置き換えます。この記事では、いくつかの一般的な関数について詳しく説明します。関連する知識については、PHP 中国語を参照してください。 Webサイト。

関連する推奨事項:

jquery DOM とイベントの説明

関連するモジュールの基本

dom オブジェクトの innerText と innerHTML の違いは何ですか?

以上がJavaScript関連の機能の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。