ホームページ  >  記事  >  ウェブフロントエンド  >  js学習でよく遭遇する配列メソッドがよくまとめられています。

js学習でよく遭遇する配列メソッドがよくまとめられています。

php是最好的语言
php是最好的语言オリジナル
2018-07-27 14:13:461313ブラウズ

js配列メソッドの概要: 1. キューの最後にpushを挿入、2. キューの最後に削除された最後の項目を削除してpopを返す、3. キューの先頭にunshift()を挿入、4.キューの先頭にあるshift()を削除、5.配列1に配列2のconcat()を追加

1.キューの最後にpushを挿入

   var colors = ["red","green"];
   colors.push("black"):
   console.log(colors); //["red","green","black"]

2.キューの最後に削除して最後に削除したものを返すitem Pop

   var colors = ["red","green","black"];
   var item = colors.pop();
   console.log(item); //"black"

3.チームの先頭にunshift()を挿入します

   var colors = ["red","green"];
   colors.unshift("black");
   var item = colors.pop();
   console.log(item); //"black"

4.チームの先頭にあるshiftを削除します

   var colors = ["red","green","black"];
   colors.shift();
   console.log(colors); //["green","black"]

5.配列2に配列1を追加します

   var colors = ["red","green","black"];
   var colors2 = colors.concat("yellow",["blue","brown"]);
   console.log(colors); //["red","green","black"]
   console.log(colors2); //["red","green","black","yellow","blue","brown"]

6. . 配列インターセプトスライス()
パラメータは 1 つだけ渡されます: 配列内のこのパラメータの添え字から配列の終わりまでインターセプトします。

   var colors = ["red","green","black"];
   colors.slice(1); //["green","black"]
   console.log(colors); //["red","green","black"]

2 つのパラメータを渡します。1 つ目はインターセプトの開始位置、2 つ目はインターセプトの終了位置です

   var colors = ["red","green","black","yellow","blue","brown"];
   colors.slice(1,3)//从位置1开始,到位置2结束["green","black"];

7 array

   有三种用法:
  • の Splice() メソッド: 項目はいくつでも削除できます。 2 つのパラメーターを指定するだけです。最初のパラメーターは削除を開始する位置、2 番目のパラメーターは削除されたアイテムの数です。

  • 挿入: 開始位置、0 (削除する項目の数)、挿入する項目の 3 つのパラメーターを指定することで、指定した位置に任意の数の項目を挿入できます。例: splice(2,0,"red","green") は、現在の配列の位置 2 から始まる文字列 "red" と "green" を挿入します。

  • 置換: 指定した位置に任意の数の項目を挿入し、同時に任意の数の項目を削除できます。指定する必要があるのは、開始位置、削除する項目の数、任意の 3 つのパラメータのみです。挿入するアイテムの数。挿入されたアイテムの数は、削除されたアイテムの数と必ずしも同じではありません。例: splice (2,1,"red","green") は、現在の配列の位置 2 にある項目を削除し、位置 2 から始まる文字列を挿入します。

   var colors = ["red","green","black"];
   var removed = colors.splice(0,1);
   console.log(colors); //["green","black"]
   console.log(removed); //["red"]
    
   removed = colors.splice(1,0,"yellow","orange");
   console.log(colors); //["green","yellow","orange","black"]
   console.log(removed); //[]

   removed = colors.splice(1,1,"red","purple");
   console.log(colors); //["green","red","purple","orange","black"]
   console.log(removed); //["yellow"]

8. 位置メソッドindexOf()とlastIndexOf()

関連記事:

JS配列の操作方法まとめ(必読)

JS配列の重複排除方法まとめ

関連動画:

js 配列とオブジェクト - Qianfeng Education JS 実践ビデオチュートリアル

以上がjs学習でよく遭遇する配列メソッドがよくまとめられています。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。