首頁  >  文章  >  web前端  >  js中數組操作有哪些? js中操作數組的方法總結

js中數組操作有哪些? js中操作數組的方法總結

不言
不言原創
2018-08-14 14:42:441206瀏覽

本篇文章帶給大家的內容是關於js中陣列操作有哪些? js中操作數組的方法總結,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

前言

我們常常需要對陣列進行各種各樣的操作,例如陣列最前面插入一項,最後面插入一項,中間插入一項等等等等。那就一次性搞定這些操作吧!

首項相關動作

首項插入: unshift

#
let myArray = [1, 2, 3]
myArray.unshift(0) //插入项的值为0
myArray

js中數組操作有哪些? js中操作數組的方法總結

首項目刪除: shift

let myArray = [1, 2, 3]
myArray.shift()
myArray

js中數組操作有哪些? js中操作數組的方法總結

結束項目相關操作

末項插入: push

#
let myArray = [1, 2, 3]
myArray.push(4) // 插入项的值为4
myArray

js中數組操作有哪些? js中操作數組的方法總結

最後項目刪除: pop

let myArray = [1, 2, 3]
myArray.pop() // 弹出最后一项
myArray

js中數組操作有哪些? js中操作數組的方法總結

##中間項相關操作

第i個位置插入一項或多項:

splice#

let myArray = ['a', 'b', 'c']
myArray.splice(1, 0, '哈哈哈', '嚯嚯嚯', '嘻嘻嘻')
myArray

js中數組操作有哪些? js中操作數組的方法總結

解釋下

splice方法就能理解了,splice可用來對陣列進行刪除或新增元素,接收兩個以上的參數:位置刪除多少項, 要插入的項目。因此,myArray.splice(1, 0, '哈哈哈', '嚯嚯嚯', '嘻嘻嘻')翻譯過來就是: 在下標為1的位置,刪除0項,並將哈哈哈, 嚯嚯嚯, 嘻嘻嘻插入。這樣就可以做到只做添加不做刪除。


刪除第i到j項:

splice

let myArray = ['a', 'b', 'c', 'd', 'e']
myArray.splice(1, 3) // 删除b, c, d
myArray

js中數組操作有哪些? js中操作數組的方法總結

根據上面對splice的解釋,可以知道

myArray.splice(1, 3)就是從數組下標為1的位置開始,刪除3個元素(並且不做任何插入)


只保留第i到j項:

slice

let myArray = ['a', 'b', 'c', 'd', 'e']
myArray = myArray.slice(2, 4)
myArray

js中數組操作有哪些? js中操作數組的方法總結

#對

slice的解釋:將slice理解為滑動選擇,接收兩個參數, 開始位置結束位置, 即將數組中從開始位置到結束位置的元素滑出來(不包括結束位置的元素),作為返回值返回。因此myArray = myArray.slice(2, 4)翻譯出來就是從下標為2的元素開始到下標為3(注意這裡是下標為3而不是4)的元素滑出來,作為返回值返回重新賦值給myArray。關於slice和split的比較後面會詳細講。

總結:主要講一下splice和slice的區別,功能上的區別就不說了,就說幾個注意的點:

  • splice會改變原數組,而slice不會,因此在用slice操作完了之後要做一次重新賦值.

  • #slice的接收的兩個參數分別為

    24的時候, 最後得到的是下標為2到下標為3的元素(不包括4)

  • 將slice理解為滑動,就不會記混了。

相關推薦:

js陣列操作方法總結(必看篇)

js數組操作常用方法

以上是js中數組操作有哪些? js中操作數組的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn