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 相关文章推荐
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
javascript白色简洁计算器
May 04 Javascript
javascript相关事件的几个概念
May 21 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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
浅析PHP文件下载原理
2014/12/25 PHP
thinkphp验证码的实现(form、ajax实现验证)
2016/07/28 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
vue实现简单跑马灯效果
2020/05/25 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
python3.5仿微软计算器程序
2020/03/30 Python
python3音乐播放器简单实现代码
2020/04/20 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
python文件编写好后如何实践
2020/07/07 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
母亲80寿诞答谢词
2014/01/16 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
教师四风问题整改措施
2014/09/25 职场文书
迟到检讨书
2015/01/26 职场文书
投资入股协议书
2016/03/22 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书