JavaScript實(shí)現(xiàn)數(shù)組在指定位置插入若干元素的方法
更新時(shí)間：2015年04月06日 14:57:37 作者：work24
這篇文章主要介紹了JavaScript實(shí)現(xiàn)數(shù)組在指定位置插入若干元素的方法,涉及javascript中splice方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)數(shù)組在指定位置插入若干元素的方法。分享給大家供大家參考。具體如下：
我們可以通過JS數(shù)組的splice方法在執(zhí)行的位置插入新的元素，非常簡(jiǎn)單
<!DOCTYPE html>
<html>
<body>
<p id="demo">
Click the button to add elements to the array.
</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>
上面的代碼執(zhí)行后輸出如下結(jié)果：
Banana,Orange,Lemon,Kiwi,Apple,Mango
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS 通過系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
這篇文章主要介紹了JS 通過系統(tǒng)時(shí)間限定 動(dòng)態(tài)添加 select option的實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
iSlider手機(jī)端圖片滑動(dòng)切換插件使用詳解
這篇文章主要為大家詳細(xì)介紹了iSlider手機(jī)端圖片滑動(dòng)切換插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
今天小編就為大家分享一篇layui table數(shù)據(jù)修改的回顯方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
原生javascript圖片自動(dòng)或手動(dòng)切換示例附演示源碼
圖片自動(dòng)或手動(dòng)切換，想必會(huì)在很多地方有見過吧，本文將為大家介紹的是使用原生javascript實(shí)現(xiàn)的焦點(diǎn)圖切換，感興趣的朋友可以參考下2013-09-09
javascript 響應(yīng)鍵盤特定按鍵(只響應(yīng)數(shù)字鍵)
響應(yīng)鍵盤特定按鍵(只響應(yīng)數(shù)字鍵),大家可以看看思路。2009-03-03
ECharts柱狀排名圖柱子上方顯示文字與圖標(biāo)代碼實(shí)例
我們?cè)诶L制柱狀圖時(shí)如果想要柱條上顯示文字,可以參考本文,這篇文章主要給大家介紹了關(guān)于ECharts柱狀排名圖柱子上方顯示文字與圖標(biāo)的相關(guān)資料,需要的朋友可以參考下2023-11-11
JS實(shí)現(xiàn)鼠標(biāo)懸停切換圖片,顯示天氣預(yù)報(bào)，利用焦點(diǎn)實(shí)現(xiàn)選擇網(wǎng)站的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了JS中移除非數(shù)字最多保留一位小數(shù)的實(shí)現(xiàn)代碼，文章給大家提到了js處理數(shù)字保留2位小數(shù),強(qiáng)制保留2位小數(shù)不夠補(bǔ)上.00的完整代碼，感興趣的朋友一起看看吧2018-05-05
用javascript做一個(gè)webgame連連看大家看下
2008-01-01
JavaScript與C# Windows應(yīng)用程序交互方法
JavaScript與C# Windows應(yīng)用程序交互方法...2007-06-06