JavaScript數(shù)組常用的增刪改查與其他屬性詳解
數(shù)組的增刪改查
數(shù)組的插入
push()尾部插入
var arr2 = [1, 2, 3] arr2.push(4, 5, 6) console.log(arr2) //[1,2,3,4,5,6]
unshift()頭部插入
var arr3 = [1, 2, 3] arr3.unshift(4, 5, 6) console.log(arr3) //[4, 5, 6, 1, 2, 3]
splcie 在任意位置內(nèi)插入,或刪除
- arr.splice(n,m,x)從索引n開始刪除m個(gè)元素,把新增的元素X放在索引n的前面,
- (等于在任意位置刪除元素然后插入)
var arr4 = [1, 2, 3] arr4.splice(1, 1, 888, 999) console.log(arr4) //索引1開始,刪除1個(gè)元素,然后增加888,999
- arr.splice(n,0,x)從索引n開始刪除0個(gè)元素,把新增加的元素x放在索引n的前面,
- (等于在任意位置前插入)
var arr5 = [1, 2, 3] arr5.splice(1, 0, 888, 999) console.log(arr5) //索引1開始,刪除0個(gè)元素,然后在索引1前增加888,999
- arr.splice(n,m)從索引n開始刪除m個(gè)元素,把刪除的內(nèi)容當(dāng)做新數(shù)組返回,原有數(shù)組改變,
- (等于刪除元素)
var arr6 = [1, 2, 3] arr6.splice(1, 1) console.log(arr6) //索引1開始,刪除1個(gè)元素
數(shù)組的刪除
pop()刪除數(shù)組的最后一項(xiàng)
var arr7 = [1, 2, 3] arr7.pop() console.log(arr7)
shift() 刪除數(shù)組的的第一項(xiàng),返回的是刪除的那一項(xiàng),原有數(shù)組改變
var arr8 = [1, 2, 3] arr8.shift() console.log(arr8)
數(shù)組的查詢
查詢用indexOf() ,若存在返回索引值,不存在返回-1
var arr9 = [4, 5, 6, 's'] console.log(arr9.indexOf('s')) //3
其他
數(shù)組自定義連接符號(hào) join()
var arr10 = [4, 5, 6, 's'] console.log(arr10.join("-")) //4-5-6-s
數(shù)組合并concat()
- var arr11 = [1, 2, 3] var arr11 = arr11.concat(7, 8, 9) console.log(arr11) //7,8,9合并到arr11 var arr12 = [4, 5, 6] var arr13 = [7, 8, 9] console.log(arr12.concat(arr13)) //arr13合并到arr12
數(shù)組的排列和排序
reverse() 把數(shù)組倒序
var arr14 = [1, 2, 3] console.log(arr14.reverse()) //[3, 2, 1]
sort 可以實(shí)現(xiàn)由大到小或者由小到大的排序,但是sort只能排序十以內(nèi)的數(shù)字
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5] console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]
任意數(shù)從小到大排序
var arr = [1, 2, 3, 81, 95, 3]; a = arr.sort(function(a, b) { return (a - b); }); console.log(a); ary.sort(function(a, b) { return (a - b); })
總結(jié)
到此這篇關(guān)于JavaScript數(shù)組常用的增刪改查與其他屬性的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組增刪改查與其他屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS動(dòng)態(tài)加載腳本并執(zhí)行回調(diào)操作
這篇文章主要為大家詳細(xì)介紹了JS動(dòng)態(tài)加載腳本并下載完成后執(zhí)行回調(diào)操作,感興趣的小伙伴們可以參考一下2016-08-08JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕字體放大、縮小
字體可以調(diào)節(jié)大小,極大了滿足了用戶體驗(yàn)度,接下來(lái)通過(guò)本文給大家介紹JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕字體放大、縮小實(shí)例代碼,需要的朋友參考下吧2016-02-0280行代碼寫一個(gè)Webpack插件并發(fā)布到npm
最近在學(xué)習(xí) Webpack 相關(guān)的原理,本文用80行代碼寫一個(gè)Webpack插件并發(fā)布到npm,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法
今天小編就為大家分享一篇layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能示例
這篇文章主要介紹了微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能,結(jié)合實(shí)例形式分析了map組件調(diào)用高德地圖API接口獲取地理位置提示列表并返回location相關(guān)操作技巧,需要的朋友可以參考下2019-01-01