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 相关文章推荐
浅析Prototype的模板类 Template
Dec 07 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
详解javascript函数的参数
Nov 10 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
详解vue中localStorage的使用方法
Nov 22 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 Javascript
Vue使用screenfull实现全屏效果
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
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
php使用cookie保存登录用户名的方法
2015/01/26 PHP
javascript import css实例代码
2008/07/18 Javascript
dwr spring的集成实现代码
2009/03/22 Javascript
js 编写规范
2010/03/03 Javascript
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
js获取html文件的思路及示例
2013/09/17 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python处理CSV与List的转换方法
2018/04/19 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
Python多线程原理与用法详解
2018/08/20 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
python如何保证输入键入数字的方法
2019/08/23 Python
python kafka 多线程消费者&手动提交实例
2019/12/21 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
给民警的表扬信
2014/01/08 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
Mysql排序的特性详情
2021/11/01 MySQL
MySQL学习之基础操作总结
2022/03/19 MySQL
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫