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


Posted in Javascript onOctober 13, 2020

数组的增删改查

数组的插入

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

数组的删除

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

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

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

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

数组的查询

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

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

其他

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

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

数组合并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

数组的排列和排序

reverse() 把数组倒序

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

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

var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
  console.log(arr15.sort()) //[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数组增删改查与其他属性内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 #Javascript
JavaScript实现拖动对话框效果的实现代码
Oct 12 #Javascript
react的hooks的用法详解
Oct 12 #Javascript
微信小游戏中three.js离屏画布的示例代码
Oct 12 #Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 #Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 #Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 #Javascript
You might like
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
自动跳转中英文页面
2006/10/09 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
概述BootStrap中role="form"及role作用角色
2016/12/08 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
pygame加载中文名mp3文件出现error
2017/03/31 Python
详解Python自建logging模块
2018/01/29 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
python将数组n等分的实例
2019/12/02 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
python实现微信打飞机游戏
2020/03/24 Python
Python计算信息熵实例
2020/06/18 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
中学老师的自我评价
2013/11/07 职场文书
个人查摆剖析材料
2014/02/04 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
婚庆司仪主持词
2014/03/15 职场文书
城管综合整治方案
2014/05/01 职场文书
助理政工师申报材料
2014/06/03 职场文书
高一军训的心得体会
2014/09/01 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书