1。concat()は2つ以上の配列に結合します
この方法は、既存の配列を変更するのではなく、結合している配列のコピーのみを返します。
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = [1、2、3];
var arr1 = [11、22、33];
document.write(arr.concat(4、5、arr1));
</script>
出力結果:
1,2,3,4,5,11,22,33
2。Join()
配列のすべての要素を文字列に入れます。要素は、指定された区切り文字によって分離されます。
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = ['item 1'、 'item 2'、 'item 3'];
var list = '<ul> <li>' + arr.join( '</li> <li>') + '</li> </ul>';
</script>
リストの結果:
'<ul> <li>項目1 </li> <li>アイテム2 </li> <li>アイテム3 </li> </ul>'
これはこれまでの最速の方法です!ネイティブコード(Join()など)を使用して、システム内で何が行われても、通常、非ネイティブよりもはるかに高速です。 - ジェームズ・パドルシー、ジェームズ。Padolsey.com
3。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>
出力結果:
ジョージ、ジョン、トーマス
トーマス
ジョージ、ジョン
4。プッシュ()アレイの端に1つ以上の要素を追加し、新しい長さを返します
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = ["George"、 "John"、 "Thomas"];
document.write(arr + "<br/>");
document.write(arr.push( "james") + "<br/>");
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス
4
ジョージ、ジョン、トーマス、ジェームズ
5。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>
出力結果:
ジョージ、ジョン、トーマス
4
ジェームズ・ジョージ・ジョン・トーマス
6。逆()reverse()アレイ内の要素の順序を逆にする
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = ["George"、 "John"、 "Thomas"];
document.write(arr + "<br/>");
document.write(arr.reverse());
</script>
出力結果:
ジョージ、ジョン、トーマス
トーマス、ジョン、ジョージ
7。Shift()アレイの最初の要素を削除して返します
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = ["George"、 "John"、 "Thomas"];
document.write(arr + "<br/>");
document.write(arr.shift() + "<br/>");
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス
ジョージ
ジョン・トーマス
8。スライス(開始、終了)既存の配列から選択した要素を返します
この方法は配列を変更するのではなく、サブアレイを返すことに注意してください
例えば:
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = ["George"、 "John"、 "Thomas"];
document.write(arr + "<br/>");
document.write(arr.slice(1) + "<br/>"); //最初の要素から配列の最後まで開始します
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス
ジョン・トーマス
ジョージ、ジョン、トーマス
9。sort()アレイの要素をソートします
配列への参照。配列は元の配列にソートされており、コピーを生成しないことに注意してください
デフォルトでは、この方法は、文字エンコード(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>
出力結果:
ジョン・ジョージ・トーマス
ジョージ、ジョン、トーマス
別の例を見てみましょう。
コードコピーは次のとおりです。
<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
降順で並べ替えたい場合はどうなりますか?
ソートルールを次のように変更します。
関数(a、b){return b -a;}
大丈夫です
10。Splice()は要素を削除し、配列に新しい要素を追加します
Splice()メソッドの関数は、Slice()メソッドとは異なります。 Splice()メソッドは、配列を直接変更します。
(1)指定された範囲の配列要素を削除します。
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = new Array(6);
arr [0] = "George";
arr [1] = "john";
arr [2] = "Thomas";
arr [3] = "James";
arr [4] = "adrew";
arr [5] = "martin";
document.write(arr + "<br/>");
arr.splice(2、3); // 3番目の要素の後に3つの配列要素を削除します(3番目の要素を含む)
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、マーティン
(2)指定されたサブスクリプトから指定された要素を挿入します(要素の数は無制限です):
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = new Array(6);
arr [0] = "George";
arr [1] = "john";
arr [2] = "Thomas";
arr [3] = "James";
arr [4] = "adrew";
arr [5] = "martin";
document.write(arr + "<br/>");
arr.splice(2、0、 "William"、 "Jack"); // 3番目の要素の前に「ウィリアム」、「ジャック」を挿入します
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、ウィリアム、ジャック、トーマス、ジェームズ、アドリュー、マーティン
(3)指定された範囲の配列要素を削除し、指定された要素に置き換えます(要素の数は無制限です):
コードコピーは次のとおりです。
<script type = "text/javascript">
var arr = new Array(6);
arr [0] = "George";
arr [1] = "john";
arr [2] = "Thomas";
arr [3] = "James";
arr [4] = "adrew";
arr [5] = "martin";
document.write(arr + "<br/>");
arr.splice(2,3、 "William"、 "Jack"); // 3番目の要素の後に3つの配列要素(3番目の要素を含む)を削除し、それらを「ウィリアム」、「ジャック」に置き換えます
document.write(arr);
</script>
出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、ウィリアム、ジャック、マーティン