var arr = ['item 1', 'item 2', 'item 3']; var list = '
ホームページ > 記事 > ウェブフロントエンド > JavaScriptの基本関数の配列処理関数の使用例まとめ
join()
は、配列のすべての要素を文字列に入れます。要素は指定された区切り文字で区切られます。
例:
<script type="text/javascript"> var arr = ['item 1', 'item 2', 'item 3']; var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>'; </script>
list result:
'ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6item 1bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6item 2bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6item 3bed06894275b65c1ab86501b08a632eb ul> ;'
これが断然早い方法です!システムが内部で何を行うかに関係なく、ネイティブ コード (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,11,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>
1,5,10,25,40,1000
降順に並べ替えたい場合はどうすればよいでしょうか?
並べ替えルールを次のように変更します:
function (a, b) {return b - a;}
これでOKです
以上がJavaScriptの基本関数の配列処理関数の使用例まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。