JavaScript配列の一般的な操作

4443 ワード

本人の最初の文章は今から技術ブログを書く習慣を身につけて、毎週少なくとも一編を保証します。コードに関するテストは必ず行います。
1.配列の作成
配列を宣言しただけで、具体的なデータは含まれていません。
var checkboxList = new Array();
配列を作成して長さを指定します。この長さは5変化します。自動的に成長できます。
var checkboxList = new Array(5);
配列を作成し、3つの要素を初期化します。
var checkboxList = new Array("1111","2222","3333");
2.配列操作
2.1 push()配列の最後に要素を追加し、配列の最新の長さを返します。
配列の最後に文字列「userId 001」を入れます。
checkboxList.push("userId001");
一度に2つの要素を追加します。「AAAA」と「BB」

checkboxList.push("AAAA","BBBB");
2.2 unshift()配列の先頭に、要素を挿入し、元の要素を後に移動します。
配列の先頭に2つの要素を挿入します。
(戻り値は配列の最新長さという資料がありますが、IE 6で測定して返したのは「undefined」です。)
checkboxList.unshift("AAAA","BBBB");
2.3 pop()は配列の最後の要素を移動し、この要素を返します。
コード:
checkboxList.pop();
2.3 shift()は、配列の先頭の要素を移動し、要素を返します。
コード:
checkboxList.shift()
2.4 splice()複数の要素を挿入(置換)または除去する
削除例:
splice(delIndex,delCount)
delIndex:除去を開始する位置、つまり配列の下付きは0から開始します。
delCount:要素の個数を削除します。
配列の最初の要素から2つの要素を除去します。
checkboxList.splice(0,2);
例えば、checkbox List.splice(1,2)を実行した後、配列は元の4つの要素から「1111」、「4444」の2つの要素だけになりました。

var checkboxList = new Array();

checkboxList.push("1111");
checkboxList.push("2222");
checkboxList.push("3333");
checkboxList.push("4444");

//           ,  2   。
checkboxList.splice(1,2);

alert(checkboxList);
挿入(置換)例:
splice(addIndex、replacceCount、element);
addIndex:開始位置を挿入(置換)する、つまり配列の下付き文字を0から開始します。
replacceCount:要素の個数を置き換える必要があります。
element…:新しい要素は一つ以上でいいです。
replacceCountが0以下の場合は、追加のみを行います。
例えば、checkbox List配列の1番目の要素(「1111」)に「AAAA」、「BBBB」の2つの要素を挿入します。

var checkboxList = new Array("1111","2222","3333","4444","5555");
checkboxList.splice(1,0,"AAAA","BBBB");
alert(checkboxList);
replace Countが0より大きい場合、要素は置換されます。
例えば、checkbox List配列の第1の要素(「1111」)の後の要素(つまり「2222」)を「AAAA」、「BBBB」に置き換えます。以下のコードの中のチェックボックスListの最新値は「1111」、「AAAA」、「BBBB」、「3333」、「4444」、「5555」です。

var checkboxList = new Array("1111","2222","3333","4444","5555");
checkboxList.splice(1,1,"AAAA","BBBB");
alert(checkboxList);
replacceCountパラメータの値が配列の長さより大きい場合、addIndexパラメータの最初のすべての要素が入れ替わります。実行後のcheckbox Listの要素は、「1111」「AAAA」「BB」となります。

var checkboxList = new Array("1111","2222","3333","4444","5555");
checkboxList.splice(1,9,"AAAA","BBBB");
alert(checkboxList);
2.5 reverse()配列要素の順序反転

checkboxList.reverse();
2.6 sort()配列要素を自然順に並べ替える

checkboxList.sort();
2.7 concat()は他の配列をコピーして、新しい配列を生成し、戻ってきます。
allListの要素はcheckbox ListとradioListの中の要素の集合です。

var checkboxList = new Array("1111","2222");
var radioList = new Array("AAAA","BBBB");
var allList = checkboxList.concat(radioList);
2.8 slice()指定番号の要素をコピーして、新しい配列を生成し、戻ります。
slice(index)
index:コピー開始位置、つまり配列の下付きが0から始まります。
indexが配列要素の個数より大きい場合、空の配列を返します。
checkbox Listの最初の要素をコピーした後、すべての要素は新しいtempary配列になります。元のcheckbox Listは変わりません。

var checkboxList = new Array("1111","2222","3333");
var tempArray = checkboxList.slice(1);
2.9 join()文字列操作
ジョイン(separator)
separator:追加されたセパレータは、空の文字列とすることができます。
効率的な文字列で加算できます。直接文字列よりも加算効率が高いです。
コードの例:

var checkboxList = new Array("1111","2222","3333","4444");
var strData = checkboxList.join("|");
alert(strData);
2.10レングス属性
lengthは配列長、つまり要素数を返します。

var checkboxList = new Array("1111","2222","3333","4444");
alert(checkboxList.length);