JavaScriptの配列に元素を追加する方法の結び目

配列の先頭に新しい要素-unshift()ソースコードを追加します.

Click the button to add elements to the array.

Try it


function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}


Note: The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be undefined.


 

テスト結果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

配列の2番目の位置に要素-splice()ソースコードを追加します.

​
Click the button to add elements to the array.
​
Try it
​

function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}

​

   

テスト結果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

配列の末尾に新しい要素を追加します.

​
Click the button to add a new element to the array.
​
Try it
​

var fruits = ["Banana", "Orange", "Apple", "Mango"];
​
function myFunction()
{
fruits.push("Kiwi")
var x=document.getElementById("demo");
x.innerHTML=fruits;
}

​

  

テスト結果:

Banana,Orange,Apple,Mango,Kiwi

以下は上記のいくつかの関数を提供します.
配列の作成
var arrayObj=new Aray()//配列var arrayObj=new Aray([size])を作成します.//配列を作成して長さを指定します.上限ではなく、長さvar arrayObj=new Arayです.行列を作成し、値を割り当てます.
説明するのは、第二の方法では、配列は長さを指定していますが、実際にはすべての場合、配列は長くなります.つまり、長さ5を指定しても、要素は所定の長さ以外に記憶されます.
配列要素の追加
arrayObj.push([item 1[item 2])///配列の最後に1つ以上の新しい要素を追加し、配列の新しい長さのarrayObj.unshiftを返します.配列開始時に1つ以上の新しい要素を追加し、配列中の要素は自動的に後に移動し、行列の新しい長さのarrayObj.spliceを返します.1つ以上の新しい要素を配列の指定位置に挿入し、挿入位置の要素は自動的に後に移動し、「」を返します.
配列の要素へのアクセス
var testGet ArValue=arrayObj[1]//配列の要素値を取得するarrayObj[1]=「これは新しい値」配列要素に新しい値配列要素を付与した削除arrayObj.pop()//最後の要素を削除して、要素値のarrayObj.shift()//最初の要素を削除して要素値を返します.配列中の要素は自動的に前にシフトします.指定された位置deletePosから指定された数のdeleteCountを削除し、削除された要素を配列形式で返します.
配列の切り取りと結合
arrayObj.slice(start、[end])//配列の形で配列の一部を返します.endに対応する要素が含まれていないことに注意してください.endを省略するとstart後のすべての要素arrayObj.co ncatをコピーします.複数の配列(文字列でも良いし、配列と文字列の混合)を1つの配列に接続し、接続された新しい配列を返します.
配列のコピー
arrayObj.slice(0)//配列のコピー配列を返します.新しい配列であり、arrayObj.co ncat()//配列のコピー配列を返します.
配列要素の並べ替え
arrayObj.reverse()//反転要素(一番前の列は最後、最後の列は一番前まで)は、配列アドレスのarrayObj.sort()//配列要素を並べ替えて、配列アドレスを返します.