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 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
JavaScript设计模式之代理模式介绍
Dec 28 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
JavaScript箭头(arrow)函数详解
Jun 04 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 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 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
在模板页面的js使用办法
2010/04/01 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
2014/10/31 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
jQuery中的each()详细介绍(推荐)
2016/05/25 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
JavaScript手写数组的常用函数总结
2020/11/22 Javascript
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
wxPython实现带颜色的进度条
2019/11/19 Python
Python 私有化操作实例分析
2019/11/21 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
计算机操作自荐信
2013/12/07 职场文书
大班上学期个人总结
2015/02/13 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
2015年检验科工作总结
2015/04/27 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
Python数据分析之pandas读取数据
2021/06/02 Python
详解MindSpore自定义模型损失函数
2021/06/30 Python
教你修复 Win11应用商店加载空白问题
2021/12/06 数码科技
使用compose函数优化代码提高可读性及扩展性
2022/06/16 Javascript