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 this关键字使用分析
Oct 21 Javascript
jQuery学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
Node.js学习入门
Jan 03 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
详解Vue slot插槽
Nov 20 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-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
PHP获取当前日期和时间及格式化方法参数
2015/05/11 PHP
smarty简单应用实例
2015/11/03 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
如何设置一定时间内只能发送一次请求
2014/02/28 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
python连接mysql并提交mysql事务示例
2014/03/05 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
python中的itertools的使用详解
2020/01/13 Python
详解Anaconda 的安装教程
2020/09/23 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
模特职业生涯规划范文
2014/02/26 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书