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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
JavaScript中跨域问题的深入理解
Mar 04 Javascript
Web应用开发TypeScript使用详解
May 25 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
PHP中对用户身份认证实现两种方法
2011/06/04 PHP
php字符串分割函数explode的实例代码
2013/02/07 PHP
php注册登录系统简化版
2020/12/28 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
js技巧--转义符"\"的妙用
2007/01/09 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
2009/10/25 Javascript
重构Javascript代码示例(重构前后对比)
2013/01/23 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
2013/10/25 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
Python urlopen()函数 示例分享
2014/06/12 Python
详解Python中的循环语句的用法
2015/04/09 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
纯css3制作网站后台管理面板
2014/12/30 HTML / CSS
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
安全责任书范文
2014/03/12 职场文书
大学生活自我评价
2014/04/09 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
统计员岗位职责
2015/02/11 职场文书
初中运动会前导词
2015/07/20 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang