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;
測試結果:
香蕉、橘子、蘋果、芒果、獼猴桃