JavaScript數組前面插入元素的方法
更新時間：2015年04月06日 12:30:28 作者：work24
這篇文章主要介紹了JavaScript數組前面插入元素的方法,涉及javascript中unshift方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript數組前面插入元素的方法。分享給大家供大家參考。具體如下：
JS數組帶有一個unshift方法可以再數組前面添加若干個元素，下面是詳細的代碼演示
復制代碼 代碼如下:
<!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.unshift("Lemon","Pineapple");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>
</body>
</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.unshift("Lemon","Pineapple");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>
</body>
</html>
執(zhí)行后數組會變成下面的樣子
Lemon,Pineapple,Banana,Orange,Apple,Mango
unshift在ie8及之前的版本工作有些問題，數組會插入元素，但是返回值是undefined
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要介紹了TypeScript3.7中值得注意的3個新特性，對TS感興趣的同學，可以參考下2021-05-05
下面小編就為大家?guī)硪黄褂胏anvas進行圖像編輯的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了js控制文本框只輸入數字和小數點的方法,實例分析了javascript使用正則表達式實現(xiàn)限制數字和小數點的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JavaScript中break、continue和return的用法區(qū)別實例分析
這篇文章主要介紹了JavaScript中break、continue和return的用法區(qū)別,結合實例形式詳細對比分析了JavaScript中break、continue和return的基本功能、使用方法、區(qū)別與操作注意事項,需要的朋友可以參考下2020-03-03
實現(xiàn)頁面最大化 默認img圖片 屏蔽鼠標右鍵 取消選取防止復制等實現(xiàn)代碼。2009-10-10
這篇文章主要介紹了無閃爍更新網頁內容JS實現(xiàn)，有需要的朋友可以參考一下2013-12-12
Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享
這篇文章主要介紹了Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享,本文直接給出實現(xiàn)的代碼,需要的朋友可以參考下2015-05-05
Bootstrap每天必學之表單，本文講解的就是大家最為常用的提交數據的Form表單，感興趣的小伙伴們可以參考一下2015-11-11
微信小程序頁面跳轉功能之從列表的item項跳轉到下一個頁面的方法
這篇文章主要介紹了微信小程序頁面跳轉功能之從列表的item項跳轉到下一個頁面的方法,結合具體實例形式總結分析了微信小程序頁面跳轉及列表item項跳轉頁面的相關操作技巧,需要的朋友可以參考下2017-11-11
javascript function調用時的參數檢測常用辦法
js中并不直接支持類似c#的方法重載，所以只能變相的來解決，示意代碼：(利用了內置屬性arguments)2010-02-02