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 相关文章推荐
js替代copy(示例代码)
Nov 27 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
Javascript中的作用域及块级作用域
Dec 08 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
cdn模式下vue的基本用法详解
Oct 07 Javascript
js实现表格数据搜索
Aug 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使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
php加密解密字符串示例
2016/10/13 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
Swoole 5将移除自动添加Event::wait()特性详解
2019/07/10 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
HTML中事件触发列表与解说
2007/07/09 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
2017/06/21 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
jQuery实现checkbox的简单操作
2017/11/18 jQuery
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
python 图片验证码代码分享
2012/07/04 Python
5种Python单例模式的实现方式
2016/01/14 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
scrapy爬虫完整实例
2018/01/25 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python reversed反转序列并生成可迭代对象
2020/10/22 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
服务生自我鉴定
2014/01/22 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
安全生产月宣传标语
2014/10/06 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
如何Tomcat中使用ipv6地址
2022/05/06 Servers