快捷導(dǎo)航

JavaScript數(shù)組前面插入元素的方法

更新時(shí)間：2015年04月06日 12:30:28 作者：work24

這篇文章主要介紹了JavaScript數(shù)組前面插入元素的方法,涉及javascript中unshift方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript數(shù)組前面插入元素的方法。分享給大家供大家參考。具體如下：

JS數(shù)組帶有一個(gè)unshift方法可以再數(shù)組前面添加若干個(gè)元素，下面是詳細(xì)的代碼演示

<!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>

執(zhí)行后數(shù)組會(huì)變成下面的樣子

Lemon,Pineapple,Banana,Orange,Apple,Mango

unshift在ie8及之前的版本工作有些問(wèn)題，數(shù)組會(huì)插入元素，但是返回值是undefined

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

對(duì)象無(wú)length屬性時(shí)IE6/IE7中無(wú)法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike)
對(duì)象無(wú)length屬性時(shí)IE6/7中無(wú)法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike) 的解決方法，需要的朋友可以參考下。
2011-07-07
情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的，感興趣的朋友一起來(lái)學(xué)習(xí)下
2015-08-08
javascript如何動(dòng)態(tài)加載表格與動(dòng)態(tài)添加表格行
在某些時(shí)候需要?jiǎng)討B(tài)加載表格與動(dòng)態(tài)添加表格行，在接下來(lái)的文章中將為大家介紹下javascript是如何做到的，感興趣的朋友不要錯(cuò)過(guò)
2013-11-11
JS刪除數(shù)組里的某個(gè)元素方法
下面小編就為大家分享一篇JS刪除數(shù)組里的某個(gè)元素方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法
這篇文章主要介紹了js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法,較為詳細(xì)的分析了錯(cuò)誤的原因及對(duì)應(yīng)的解決方法,需要的朋友可以參考下
2015-04-04
微信公眾平臺(tái)開(kāi)發(fā)教程（五）詳解自定義菜單
這篇文章主要介紹了微信公眾平臺(tái)開(kāi)發(fā)教程（五）詳解自定義菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-12-12
JS使用svg-captcha生成圖片驗(yàn)證碼的示例代碼
nodejs(nestjs)后端開(kāi)發(fā)過(guò)程中會(huì)有一個(gè)需要生成圖片驗(yàn)證碼的功能,其能減少機(jī)器人攻擊操作,本文我們通過(guò)?svg-captcha,來(lái)實(shí)現(xiàn)一個(gè)驗(yàn)證碼功能,并且小小的優(yōu)化一下其邏輯,需要的朋友可以參考下
2024-06-06
web項(xiàng)目開(kāi)發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項(xiàng)目開(kāi)發(fā)之JS函數(shù)防抖與節(jié)流實(shí)現(xiàn)的示例代碼及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-09-09
FileUpload上傳圖片(圖片不變形)
FileUpload上傳圖片(圖片不變形) 的實(shí)現(xiàn)方法，需要的朋友可以參考下。
2010-08-08
JavaScript實(shí)現(xiàn)拼音排序的方法
本文將介紹JavaScript如何實(shí)現(xiàn)拼音排序支持所有主流瀏覽器+中英文系統(tǒng)
2012-11-11