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

更新時間：2020年10月13日 10:33:58 作者：密密麻麻的代碼

這篇文章主要給大家介紹了關于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 在任意位置內插入，或刪除

arr.splice(n,m,x)從索引n開始刪除m個元素，把新增的元素X放在索引n的前面，
（等于在任意位置刪除元素然后插入）

  var arr4 = [1, 2, 3]
  arr4.splice(1, 1, 888, 999)
  console.log(arr4) //索引1開始，刪除1個元素，然后增加888，999

arr.splice(n,0,x)從索引n開始刪除0個元素，把新增加的元素x放在索引n的前面，
（等于在任意位置前插入）

  var arr5 = [1, 2, 3]
  arr5.splice(1, 0, 888, 999)
  console.log(arr5) //索引1開始，刪除0個元素，然后在索引1前增加888，999

arr.splice(n,m)從索引n開始刪除m個元素，把刪除的內容當做新數(shù)組返回，原有數(shù)組改變，
（等于刪除元素）

 var arr6 = [1, 2, 3]
  arr6.splice(1, 1)
  console.log(arr6) //索引1開始，刪除1個元素

數(shù)組的刪除

pop()刪除數(shù)組的最后一項

var arr7 = [1, 2, 3]
  arr7.pop()
  console.log(arr7)

shift() 刪除數(shù)組的的第一項，返回的是刪除的那一項，原有數(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ù)組自定義連接符號 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 可以實現(xiàn)由大到小或者由小到大的排序，但是sort只能排序十以內的數(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);
  })

總結

到此這篇關于JavaScript數(shù)組常用的增刪改查與其他屬性的文章就介紹到這了,更多相關JavaScript數(shù)組增刪改查與其他屬性內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: