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 相关文章推荐
javascript demo 基本技巧
Dec 18 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
jquery判断页面网址是否有效的两种方法
Dec 11 Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
angular ng-model 无法获取值的处理方法
Oct 02 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 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
PHP Cookie的使用教程详解
2013/06/03 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
php常用正则函数实例小结
2016/12/29 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
javascript的理解及经典案例分析
2016/05/20 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JS中判断null的方法分析
2016/11/21 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
Vue.js数据绑定之data属性
2017/07/07 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
vue项目优化之通过keep-alive数据缓存的方法
2017/12/11 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
python应用文件读取与登录注册功能
2019/09/23 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
python爬虫用mongodb的理由
2020/07/28 Python
考博自荐信
2013/10/25 职场文书
集团公司总经理岗位职责
2013/12/20 职场文书
设计师求职信模板
2014/05/06 职场文书
授权委托书样本
2014/09/25 职场文书
葬礼主持词
2015/07/02 职场文书
小学新课改心得体会
2016/01/22 职场文书
初二英语教学反思
2016/02/15 职场文书
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android