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 强制弹出窗口代码研究-又一款代码
Mar 20 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
原生js实现半透明遮罩层效果具体代码
Jun 06 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
详解Jquery Easyui的验证扩展
Jan 09 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 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
新52大事件
2020/03/03 欧美动漫
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
PHP实现定时生成HTML网站首页实例代码
2008/11/20 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php数组去重复数据示例
2014/02/25 PHP
php基于mcrypt的加密解密实例
2014/10/27 PHP
PHP制作万年历
2015/01/07 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
jQuery实现根据类型自动显示和隐藏表单
2015/03/18 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
js继承实现方法详解
2016/12/16 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
在python里从协程返回一个值的示例
2019/02/19 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
经典的毕业生自荐信范文
2014/04/14 职场文书
我读书我快乐演讲稿
2014/05/07 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
2015大学生求职信范文
2015/03/20 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
民事上诉状范文
2015/05/22 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
德劲DE1108畅想
2021/04/22 无线电
一文搞懂php的垃圾回收机制
2021/06/18 PHP
Python实现对齐打印 format函数的用法
2022/04/28 Python