JavaScript unshift()
大家知道shift方法可以刪除陣列中的第一個元素,也就是索引為0的元素。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = ["螞蟻部落",6,"青島市南區"]; console.log(arr.shift()); console.log(arr);
程式碼執行效果截圖如下:
關於shift方法的更多用法可以參閱JavaScript shift()一章節。
unshift比shift前面多了一個"un",從英語語法的角度,它應該是shift的反義詞。
此方法功能上也體現了這一點,可以在陣列的開頭新增一個或者多個元素。
更多關於陣列內容可以參閱JavaScript Array 陣列一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼arr.unshift(元素一,元素二,....,元素N)
引數解析:
(1).元素N:要在陣列開頭插入的元素,可以是一個也可以是多個。
特別說明:
(1).此方法直接操作原陣列。
(2).返回新陣列的長度。
(3).方法的第一個引數將成為陣列的第一個元素,第二個引數,將成為陣列的第二個元素,以此類推。
瀏覽器相容:
(1).IE9+瀏覽器支援此方法。
(2).edge瀏覽器支援此方法。
(3).谷歌瀏覽器支援此方法。
(4).火狐瀏覽器支援此方法。
(5).opera瀏覽器支援此方法。
(6).safria瀏覽器支援此方法。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = ["螞蟻部落",6,"青島市南區"]; console.log(arr.unshift("ant"));
程式碼執行效果截圖如下:
此方法的返回值是新陣列的長度,由於為陣列開頭新增了一個元素,所以長度變為4。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = ["螞蟻部落",6,"青島市南區"]; console.log(arr.unshift("ant")); console.log(arr);
程式碼執行效果截圖如下:
可以看到,此方法是直接修改原來的陣列。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = ["螞蟻部落",6,"青島市南區"]; console.log(arr.unshift("ant","奮鬥")); console.log(arr);
程式碼執行效果截圖如下:
上面程式碼中,unshift方法傳遞了兩個引數,注意著兩個引數在新陣列中的位置:
從引數列表的右側開始逐個將引數追加到陣列的前面,就如同把引數列表看做一個整體放置於陣列的前面。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = ["螞蟻部落",6,"青島市南區"]; console.log(arr.unshift(["ant","奮鬥"])); console.log(arr);
程式碼執行效果截圖如下:
在上述程式碼中,unshift方法的引數是一個陣列,這個時候,此陣列就被當做一個普通元素處理。
引數陣列的引數並不會被拆分處理,這一點要注意了。
相關文章
- javascript中shift()、unshift()、push()、pop() 陣列操作JavaScript陣列
- js中push(),pop(),unshift(),shift()的用法小結JS
- js陣列的常見操作( push、pop、unshift、shift、splice、concat、 join)的用法JS陣列
- JavaScript高階:JavaScript物件導向,JavaScript內建物件,JavaScript BOM,JavaScript封裝JavaScript物件封裝
- javaScript系列[06]-javaScript和thisJavaScript
- [Javascript] How javascript read the property?JavaScript
- javaScript系列[05]-javaScript和JSONJavaScriptJSON
- “This” is For JavaScriptJavaScript
- This in JavaScriptJavaScript
- JavaScript -"this"JavaScript
- JavaScriptJavaScript
- javascript ??JavaScript
- 44 道 JavaScript 難題(JavaScript Puzzlers!)JavaScript
- [Javascript] Understanding JavaScript Proxies with Symbol.toPrimitiveJavaScriptSymbolMIT
- JavaScript 教程之JavaScript常用框架簡介JavaScript框架
- [Javascript] Perform Set Operations using JavaScript Set MethodsJavaScriptORM
- javascript — == vs ===JavaScript
- JavaScript selectedIndexJavaScriptIndex
- JavaScript deleteCell()JavaScriptdelete
- JavaScript lastElementChildJavaScriptAST
- JavaScript hasAttribute()JavaScript
- JavaScript getAttributeNode()JavaScript
- JavaScript replaceChild()JavaScript
- JavaScript remove()JavaScriptREM
- JavaScript appendChild()JavaScriptAPP
- JavaScript deleteRow()JavaScriptdelete
- JavaScript clientYJavaScriptclient
- JavaScript之thisJavaScript
- JavaScript isFinite()JavaScript
- JavaScript toggle()JavaScript
- JavaScript Boolean()JavaScriptBoolean
- JavaScript escape()JavaScript
- JavaScript parseFloat()JavaScript
- JavaScript unescape()JavaScript
- JavaScript call()JavaScript
- JavaScript bind()JavaScript
- JavaScript previousElementSiblingJavaScript
- JavaScript preventDefault()JavaScript