當前位置:成語大全網 - 書法字典 - js如何動態添加數組?

js如何動態添加數組?

Js動態數組可以按照以下步驟添加:

1.在數組的開頭添加壹個新元素-unshift()。

源代碼:

& lt!DOCTYPE html & gt

& lthtml & gt

& ltbody & gt

& ltp id =“demo“& gt。單擊按鈕將元素添加到陣列中。& lt/p & gt;

& ltbutton onclick =“my function()“& gt;試試吧& lt/button & gt;

& lt腳本& gt

函數myFunction()

{

var水果=【“香蕉““橙子““蘋果““芒果“】;

fruits.unshift(“檸檬”、“菠蘿”);

var x = document . getelementbyid(“demo“);

x.innerHTML = fruits

}

& lt/script & gt;

& ltp & gt& ltb & gt註意:& lt/b & gt;unshift()方法在Internet Explorer 8和更低版本中無法正常工作,值將被插入,但返回值將為& ltem & gt未定義& lt/em & gt;。& lt/p & gt;

& lt/body & gt;

& lt/html & gt;?

測試結果:

檸檬、菠蘿、香蕉、橘子、蘋果、芒果

2.將元素拼接()添加到數組的第二個位置。

源代碼:

& lt!DOCTYPE html & gt

& lthtml & gt

& ltbody & gt

& ltp id =“demo“& gt。單擊按鈕將元素添加到陣列中。& lt/p & gt;

& ltbutton onclick =“my function()“& gt;試試吧& lt/button & gt;

& lt腳本& gt

函數myFunction()

{

var水果=【“香蕉““橙子““蘋果““芒果“】;

fruits . splice(2,0,“檸檬“,“獼猴桃“);

var x = document . getelementbyid(“demo“);

x.innerHTML = fruits

}

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;?

測試結果:

香蕉、橘子、檸檬、獼猴桃、蘋果、芒果

3.在數組末尾添加壹個新元素-push()。

源代碼:

& lt!DOCTYPE html & gt

& lthtml & gt

& ltbody & gt

& ltp id =“demo“& gt。單擊按鈕向數組中添加新元素。& lt/p & gt;

& ltbutton onclick =“my function()“& gt;試試吧& lt/button & gt;

& lt腳本& gt

var水果=【“香蕉““橙子““蘋果““芒果“】;

函數myFunction()

{

水果。推送(“獼猴桃”)

var x = document . getelementbyid(“demo“);

x.innerHTML = fruits

}

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;

測試結果:

香蕉、橘子、蘋果、芒果、獼猴桃