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 相关文章推荐
在IE中调用javascript打开Excel的代码(downmoon原作)
Apr 02 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
js 调用百度分享功能
Feb 27 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
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与MySQL交互使用详解
2006/10/09 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
thinkPHP自动验证机制详解
2016/12/05 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
2018/01/24 Javascript
JS实现动态无缝轮播
2020/01/11 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
SQL数据库笔试题
2016/03/08 面试题
酒店应聘自荐信
2013/11/09 职场文书
幼教简历自我评价
2014/01/28 职场文书
开业庆典主持词
2014/03/21 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
模具专业求职信
2014/06/26 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
整改报告格式
2014/11/06 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技