ホームページ > 記事 > ウェブフロントエンド > JSでの配列操作の例
1. 配列の作成
var arrayObj = new Array(); //配列を作成しますvar arrayObj = new Array([size]); //配列を作成し、長さを指定します。上限は長さですvar arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 配列を作成して値を代入します 2 番目のメソッドでは配列を作成しますが、長さは指定されていますが、実際には配列はすべての場合において可変長です。つまり、長さが 5 に指定されている場合でも、指定された長さを超えた要素を格納できるということです。注:それに応じて長さが変わります。2. 配列要素へのアクセスvar testGetArrValue=arrayObj[1]; // 配列の要素値を取得します
arrayObj[1] = "これが新しい値です";配列要素の新しい値
3. 配列要素の追加arrayObj.push([item1 [item2 [. . . [itemN ]]]]); array を返し、配列の新しい長さを返します
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 1 つ以上の新しい要素を配列の先頭に追加し、配列内の要素は自動的に後方にシフトされ、配列の新しい長さを返します
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//1 つまたはさらに新しい要素を配列の指定された位置に挿入すると、その位置の要素が自動的に元の位置に移動され、「」が返されます。
4. 配列要素の削除arrayObj.pop(); //最後の要素を削除して要素の値を返す
arrayObj.shift() //最初の要素を削除して要素の値を返すvalue を指定すると、配列内の要素が自動的に前方に移動されますarrayObj.splice(deletePos,deleteCount); //指定された位置 deletePos から指定された数の deleteCount 要素を削除し、削除された要素を配列の形式で返します5. 配列のインターセプトとマージ
arrayObj.slice(start, [end]); //配列の一部を配列の形式で返します。end に対応する要素は含まれないことに注意してください。 end を省略した場合、start 以降のすべての要素がコピーされます
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); // 複数の配列を連結します (文字列または配列と文字列の混合) を 1 つの配列にまとめ、接続された新しい配列を返しますarrayObj.slice(0); // 配列のコピー配列を返します。 a new array, not point to
arrayObj.concat( ); // 配列のコピー配列を返します。 を指していないことに注意してください。 7. arrayObj.reverse(); // 要素を反転し (最初から最後、最後から最初)、配列アドレスを返します
arrayObj.sort(); // 配列要素を並べ替え、配列アドレスを返します
8. 配列要素の文字列化 arrayObj.join(separator ); //この文字列は、配列の各要素の値をセパレータで区切って結合して返します。 LeTOLOCALESTRING、TOSTRING、VALUEOF: Join の特殊な使用法と見なすことができます。配列の長さ、つまり配列内の要素の数です。配列のインデックスは常に 0 から始まるため、配列の上限と下限はそれぞれ 0 と length-1 になります。他のほとんどの言語とは異なり、JavaScript 配列の長さプロパティは可変であるため、特別な注意が必要です。 length 属性がより大きく設定されても、実際には配列全体の状態は変化しません。length 属性が元の値よりも小さく設定されている場合、元の配列内の要素のインデックスがそれ以上になるだけです。長さはすべての値が失われます。以下は、長さ属性の変更を示す例です:
var arr=[12,23,5,3,25,98,76,54,56,76];
//10 個の数値を含む配列が定義されています
alert(arr.length) // 配列の長さを表示 10 arr.length=12; //配列の長さを増やします alert(arr.length) //配列の長さが 12 になったことを示します alert(arr[8]); 9番目を表示 要素の値は56 arr.length=5; //配列の長さを5に減らし、5以上のインデックスを持つ要素は破棄されます alert(arr[8]) / /9番目の要素を表示 arr.length=10; //配列の長さを10に戻す alert(arr[8]) //長さは10に戻すが、9番目の要素回復できません。「未定義」と表示されます 上記のコードから、length 属性の性質が明確にわかります。ただし、長さオブジェクトは明示的に設定できるだけでなく、暗黙的に変更することもできます。同様に、JavaScript で未定義の変数を使用することもできます (長さ以上のインデックスを持つ要素を参照します)。この場合、length 属性の値は に設定されます。使用される要素インデックスの値に 1 を加えます。たとえば、次のコード: var arr=[12,23,5,3,25,98,76,54,56,76]; alert(arr.length); arr[15]= 34; alert(arr.length); このコードでは、最初に 10 個の数値を含む配列も定義されています。alert ステートメントから、その長さが 10 であることがわかります。次に、インデックス 15 の要素が使用され、値 15、つまり arr[15]=34 が割り当てられます。このとき、alert ステートメントは配列の長さを出力するために使用され、結果は 16 になります。いずれにしても、これは、厳密に型指定されたプログラミングに慣れている開発者にとっては驚くべき機能です。実際、 new Array() 形式を使用して作成された配列の初期の長さは 0 です。配列の長さが変化するのは、未定義の要素の操作です。 上記の紹介からわかるように、length 属性は非常に魔法のようなもので、これを使用すると配列の容量を簡単に増減できます。したがって、長さ属性を深く理解すると、開発プロセス中に長さ属性を柔軟に使用するのに役立ちます。 2. プロトタイプ属性 は、オブジェクト型のプロトタイプへの参照を返します。プロトタイププロパティはオブジェクトに共通です。 objectName.prototype objectName パラメーターは、オブジェクト オブジェクトの名前です。 説明: プロトタイプ属性を使用して、オブジェクトのクラスの基本関数のセットを提供します。 オブジェクトの新しいインスタンスは、オブジェクトのプロトタイプに割り当てられた操作を「継承」します。 配列オブジェクトの場合、次の例は、prototype 属性の使用法を示しています。 配列オブジェクトにメソッドを追加して、配列内の最大要素値を返します。これを実現するには、関数を宣言し、それを Array.prototype に追加して使用します。 function array_max( ) { var i, max = this[0]; for (i = 1; i { if (max max = this[i]; } return max; } Array.prototype.max = array_max; var x = new Array(1, 2, 3, 4, 5 , 6); var y = x.max( ); このコードが実行されると、y は配列 x の最大値、つまり 6 を保存します。 3. コンストラクター属性 は、オブジェクトを作成する関数を表します。 object.constructor //object はオブジェクトまたは関数の名前です。 説明: コンストラクター プロパティは、プロトタイプを持つすべてのオブジェクトのメンバーです。これらには、Global オブジェクトと Math オブジェクトを除くすべての JScript ネイティブ オブジェクトが含まれます。コンストラクター プロパティは、特定のオブジェクト インスタンスを構築する関数への参照を保持します。 例: x = new String("Hi"); if (x.constructor == String) // 処理(条件が true )。 または function MyFunc { // 関数本体。 } y = new MyFunc; if (y.constructor == MyFunc) // 処理(条件が true )。 配列の場合: y = new Array();
以上がJSでの配列操作の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。