JavaScript數(shù)組前面插入元素的方法
更新時間：2015年04月06日 12:30:28 作者：work24
這篇文章主要介紹了JavaScript數(shù)組前面插入元素的方法,涉及javascript中unshift方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript數(shù)組前面插入元素的方法。分享給大家供大家參考。具體如下：
JS數(shù)組帶有一個unshift方法可以再數(shù)組前面添加若干個元素，下面是詳細(xì)的代碼演示
復(fù)制代碼 代碼如下:
<!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í)行后數(shù)組會變成下面的樣子
Lemon,Pineapple,Banana,Orange,Apple,Mango
unshift在ie8及之前的版本工作有些問題，數(shù)組會插入元素，但是返回值是undefined
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
對象無length屬性時IE6/IE7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike)
對象無length屬性時IE6/7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike) 的解決方法，需要的朋友可以參考下。2011-07-07
情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的，感興趣的朋友一起來學(xué)習(xí)下2015-08-08
javascript如何動態(tài)加載表格與動態(tài)添加表格行
在某些時候需要動態(tài)加載表格與動態(tài)添加表格行，在接下來的文章中將為大家介紹下javascript是如何做到的，感興趣的朋友不要錯過2013-11-11
下面小編就為大家分享一篇JS刪除數(shù)組里的某個元素方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
js插件設(shè)置innerHTML時在IE8下提示“未知運行時錯誤”解決方法
這篇文章主要介紹了js插件設(shè)置innerHTML時在IE8下提示“未知運行時錯誤”解決方法,較為詳細(xì)的分析了錯誤的原因及對應(yīng)的解決方法,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了微信公眾平臺開發(fā)教程（五）詳解自定義菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
nodejs(nestjs)后端開發(fā)過程中會有一個需要生成圖片驗證碼的功能,其能減少機器人攻擊操作,本文我們通過?svg-captcha,來實現(xiàn)一個驗證碼功能,并且小小的優(yōu)化一下其邏輯,需要的朋友可以參考下2024-06-06
web項目開發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項目開發(fā)之JS函數(shù)防抖與節(jié)流實現(xiàn)的示例代碼及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
FileUpload上傳圖片(圖片不變形) 的實現(xiàn)方法，需要的朋友可以參考下。2010-08-08
本文將介紹JavaScript如何實現(xiàn)拼音排序 支持所有主流瀏覽器+中英文系統(tǒng)2012-11-11