var arr = ['item 1', 'item 2', 'item 3']; var list = '';"/> var arr = ['item 1', 'item 2', 'item 3']; var list = '';">

ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptの基本関数の配列処理関数の使用例まとめ

JavaScriptの基本関数の配列処理関数の使用例まとめ

伊谢尔伦
伊谢尔伦オリジナル
2017-07-25 15:49:301341ブラウズ

join()

は、配列のすべての要素を文字列に入れます。要素は指定された区切り文字で区切られます。
例:

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

list result:

'ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6item 1bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6item 2bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6item 3bed06894275b65c1ab86501b08a632ebこれが断然早い方法です!システムが内部で何を行うかに関係なく、ネイティブ コード (join() など) を使用すると、通常は非ネイティブ コードよりもはるかに高速になります。 ——James Padolsey、james.padolsey.com

pop()

配列の最後の要素を削除して返します
pop() メソッドは、配列の最後の要素を削除し、配列の長さを 1 だけデクリメントします。そして削除した要素の値を返します。
配列がすでに空の場合、pop() は配列を変更せず、未定義の値を返します
例:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

出力結果:
George, John, Thomas
Thomas
George, John

push()

配列の最後に 1 つ以上の要素を追加し、新しい長さを返します
例:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

出力結果:
George,John,Thomas
4
George,John,Thomas,James

unshift()

配列に 1 つ以上の要素を先頭に追加し、新しい長さを返します

例:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

出力結果:
George,John,Thomas
4
James,George,John,Thomas

shift()

配列の最初の要素を削除して返します

例:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

出力結果:
George,John,Thomas
George
John,Thomas


並べ替え()

配列の要素を並べ替えます

配列への参照。配列は元の配列でソートされ、コピーは生成されないことに注意してください。このメソッドのデフォルトは文字エンコード (ASCII) の順にソートされます。例:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

出力結果:

John,George,Thomas
,John, Thomas

別の例を見てみましょう:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

出力結果:

10,5,40,25,1000,1

1,10,1000,25,40,5

であることがわかります。数値のサイズで並べ替える 数値のサイズで並べ替える場合は、デフォルトの並べ替え方法を変更し、並べ替えルールを自分で指定する必要があります。

次のように:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小
 </script>

出力結果:

10,5,40,25,1000,1

1,5,10,25,40,1000
降順に並べ替えたい場合はどうすればよいでしょうか?
並べ替えルールを次のように変更します:
function (a, b) {return b - a;}
これでOKです

以上がJavaScriptの基本関数の配列処理関数の使用例まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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