JS 配列 Array の使用法に関する簡単な説明

JavaScript 配列は、複数の値を 1 つの変数に格納するために使用されます。配列は、一度に複数の値を含めることができる特別な変数です。

#[関連コースの推奨事項:

JavaScript ビデオ チュートリアル]

配列を文字列に変換する

JavaScript toString() メソッドは、配列を (コンマ区切りの) 配列値の文字列に変換します。

例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

join() メソッドは、すべての配列要素を文字列に連結します。 toString() のように動作しますが、さらに区切り文字を指定できます:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

pop() および Push()

作業時に使用します。配列を使用すると、要素を削除したり、新しい要素を追加したりするのが簡単です。これがpop()メソッドとpush()メソッドです。

pop() メソッドは、配列から最後の要素を削除します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits删除最后一个元素 ("Mango")

pop() メソッドは、「ポップされた」値を返します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x的值是 "Mango"

push() メソッドは、配列の末尾 新しい要素を追加します:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  添加一个新的元素 ("Kiwi") 到 fruits 最后

push() メソッドは新しい配列の長さを返します:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //   x 的值是 5

shift() および unshift()

shift() メソッドは、最初の配列要素を削除し、他のすべての要素をより低いインデックスに「シフト」します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 删除第一个元素 "Banana"

shift() メソッドは、「シフトアウトされた」文字列を返します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();    //  x 的值是 "Banana"

unshift() メソッドは、新しい要素を配列の先頭に追加し、古い要素をより高いインデックスに移動します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    //  添加一个新的元素 "Lemon" 到 fruits

unshift() メソッドは、新しい配列の長さを返します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

要素の変更

インデックス番号を使用して配列要素にアクセスする:

配列インデックスは 0 から始まります。 [0] は最初の配列要素、[1] は 2 番目、[2] は 3 番目です...

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 将fruits的第一个元素改为 "Kiwi"

length プロパティは、新しい要素を配列に追加する簡単な方法を提供します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 追加 "Kiwi" 到 fruits

要素の削除

JavaScript 配列はオブジェクトであるため、JavaScript 演算子 delete を使用して要素を削除できます。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 将fruits中的第一个元素更改为undefined

Using削除すると、配列に未定義の穴が残る可能性があります。代わりにpop()またはshift()を使用してください。

Splice 配列

splice() メソッドを使用して、新しい項目を配列に追加できます。最初のパラメータ ( 2) 新しい要素を追加する位置 (ジョイント) を定義します。 2 番目のパラメータ (0) は、削除する要素の数を定義します。残りのパラメータ (「Lemon」、「Kiwi」) は、追加する新しい要素を定義します。 splice() メソッドは、削除された項目を含む配列を返します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

splice() を使用して要素を削除します

巧妙なパラメーター設定を使用すると、 splice() を使用すると、配列に「穴」を残さずに要素を削除できます。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

最初のパラメータ (0) は、新しい要素を追加する場所を定義します。 2 番目のパラメータ (1) は、削除する要素の数を定義します。残りのパラメータは省略されます。新しい要素は追加されません。

配列のマージ

concat() メソッドを使用して既存の配列をマージして、新しい配列を作成します。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除fruits的第一个元素

concat( ) メソッドは既存の配列を変更しません。常に新しい配列を返します。

concat() メソッドは、任意の数の配列パラメータを使用できます。

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 合并 myGirls 和 myBoys 两个数组

concat() メソッドは、値をパラメータとして受け取ることもできます:

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 合并 arr1 和 arr2 和 arr3 三个数组

配列スライス

slice() メソッドは、配列を新しい配列にスライスします。この例では、配列要素 1 (「オレンジ」) から始まる配列の一部をスライスします。

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

slice() メソッドは、新しい配列を作成します。ソース配列から要素は削除されません。

この例では、配列要素 3 (「Apple」) から始まる配列の一部を切り出します。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

slice() メソッドは、2 つのパラメーター slide(start,end) を取ることができます。メソッドは、開始パラメーターから終了パラメーターまで (ただし、終了パラメーターは含まれません) の要素を選択します。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

最初の例のように、end パラメータが省略された場合、slice() メソッドは配列の残りの部分をスライスします。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Automatic toString()

生の値が必要な場合、JavaScript は配列をカンマ区切りの文字列に自動的に変換します。配列を出力しようとするときは常にこれが当てはまります。どちらの例でも同じ結果が生成されます。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

すべての JavaScript オブジェクトには toString() メソッドがあります。

この記事は

js チュートリアル

列からのものです。ぜひ学習してください。

以上がJS 配列 Array の使用法に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。