欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript數(shù)組常用的增刪改查與其他屬性詳解

 更新時(shí)間:2020年10月13日 10:33:58   作者:密密麻麻的代碼  
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組常用的增刪改查與其他屬性的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

數(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)操作

    JS動(dòng)態(tài)加載腳本并執(zhí)行回調(diào)操作

    這篇文章主要為大家詳細(xì)介紹了JS動(dòng)態(tài)加載腳本并下載完成后執(zhí)行回調(diào)操作,感興趣的小伙伴們可以參考一下
    2016-08-08
  • JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕字體放大、縮小

    JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕字體放大、縮小

    字體可以調(diào)節(jié)大小,極大了滿足了用戶體驗(yàn)度,接下來(lái)通過(guò)本文給大家介紹JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕字體放大、縮小實(shí)例代碼,需要的朋友參考下吧
    2016-02-02
  • javascript數(shù)組去重的方法匯總

    javascript數(shù)組去重的方法匯總

    數(shù)組去重復(fù)是一個(gè)常見的需求,我們暫時(shí)考慮同類型的數(shù)組去重復(fù)。主要是理清思路和考慮下性能。以下方法,網(wǎng)上基本都有,這里只是簡(jiǎn)單地總結(jié)一下分享給大家。
    2015-04-04
  • JavaScript中filter的用法實(shí)例分析

    JavaScript中filter的用法實(shí)例分析

    這篇文章主要介紹了JavaScript中filter的用法,結(jié)合實(shí)例形式分析了filter的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2019-02-02
  • 80行代碼寫一個(gè)Webpack插件并發(fā)布到npm

    80行代碼寫一個(gè)Webpack插件并發(fā)布到npm

    最近在學(xué)習(xí) Webpack 相關(guān)的原理,本文用80行代碼寫一個(gè)Webpack插件并發(fā)布到npm,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • 前端處理文本換行展示4種處理方法

    前端處理文本換行展示4種處理方法

    在處理前端顯示后端傳遞的包含換行符的文本時(shí),可以通過(guò)多種方法實(shí)現(xiàn)換行顯示,這篇文章主要介紹了前端處理文本換行展示4種處理方法,這些方法幫助前端正確展示格式化文本,解決了文本堆疊的問(wèn)題,需要的朋友可以參考下
    2024-10-10
  • 收集前端面試題之url、href、src

    收集前端面試題之url、href、src

    本文給大家分享小編日常收集整理的關(guān)于前端面試題之url、href、src的語(yǔ)法規(guī)則及基本概念,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
    2018-03-03
  • layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法

    layui: 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功能示例

    這篇文章主要介紹了微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能,結(jié)合實(shí)例形式分析了map組件調(diào)用高德地圖API接口獲取地理位置提示列表并返回location相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01
  • 詳解JavaScript進(jìn)度管理

    詳解JavaScript進(jìn)度管理

    這篇文章主要介紹了JavaScript進(jìn)度管理,對(duì)進(jìn)度管理感興趣的同學(xué),可以參考下
    2021-04-04

最新評(píng)論