服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - JavaScript数组常用的增删改查与其他属性详解

JavaScript数组常用的增删改查与其他属性详解

2021-10-25 14:46密密麻麻的代码 JavaScript

这篇文章主要给大家介绍了关于JavaScript数组常用的增删改查与其他属性的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

数组的增删改查

数组的插入

push()尾部插入

?
1
2
3
var arr2 = [1, 2, 3]
 arr2.push(4, 5, 6)
 console.log(arr2) //[1,2,3,4,5,6]

unshift()头部插入

?
1
2
3
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的前面,
  • (等于在任意位置删除元素然后插入)
?
1
2
3
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的前面,
  • (等于在任意位置前插入)
?
1
2
3
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个元素,把删除的内容当做新数组返回,原有数组改变,
  • (等于删除元素)
?
1
2
3
var arr6 = [1, 2, 3]
 arr6.splice(1, 1)
 console.log(arr6) //索引1开始,删除1个元素

数组的删除

pop()删除数组的最后一项

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

shift() 删除数组的的第一项,返回的是删除的那一项,原有数组改变

?
1
2
3
var arr8 = [1, 2, 3]
  arr8.shift()
  console.log(arr8)

数组的查询

查询用indexOf() ,若存在返回索引值,不存在返回-1

?
1
2
var arr9 = [4, 5, 6, 's']
 console.log(arr9.indexOf('s')) //3

其他

数组自定义连接符号 join()

?
1
2
var arr10 = [4, 5, 6, 's']
  console.log(arr10.join("-")) //4-5-6-s

数组合并concat()

?
1
2
3
4
5
6
- 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

数组的排列和排序

reverse() 把数组倒序

?
1
2
var arr14 = [1, 2, 3]
 console.log(arr14.reverse()) //[3, 2, 1]

sort 可以实现由大到小或者由小到大的排序,但是sort只能排序十以内的数字

?
1
2
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
  console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]

任意数从小到大排序

?
1
2
3
4
5
6
7
8
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数组常用的增删改查与其他属性的文章就介绍到这了,更多相关JavaScript数组增删改查与其他属性内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_44175621/article/details/109009443

延伸 · 阅读

精彩推荐