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 相关文章推荐
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
jquery滚动特效集锦
Jun 03 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
Sep 13 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
微信小程序实现下载进度条的方法
Dec 08 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
解决vue v-for src 图片路径问题 404
Nov 12 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实现数组按指定KEY排序的方法
2015/03/30 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
js 走马灯简单实例
2013/11/21 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
python实现随机漫步方法和原理
2019/06/10 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
英国香水店:The Perfume Shop
2017/03/27 全球购物
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
电子商务专业推荐信范文
2013/12/02 职场文书
雷人标语集锦
2014/06/19 职场文书
医学专业毕业生求职信
2014/06/20 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
z-index不起作用
2021/03/31 HTML / CSS