浅谈JavaScript中数组的增删改查


Posted in Javascript onJune 20, 2016

数组的增加

•ary.push()  

向数组末尾添加元素,返回的是添加后新数组的长度,原有数组改变

•ary.unshift() 

向数组开头添加元素,返回的是添加后新数组的长度,原有数组改变

• var ary=[1,2,3,4];  
var res=ary.unshift(6);  
console.log(res); ---->5  

返回的是新数组的长度•ary.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,把删除的元素当成一个新数组返回,原有数组改变。

•ary.splice(n,0,x)

从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,返回的是一个空数组,原有数组改变。

•ary.splice(n,m)

从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变

•splice(0,0,x)----->unshift 

数组的删除

•ary.pop() 删除数组的最后一项,返回的是删除的那一项,原有数组改变

•ary.shift() 删除数组的的第一项,返回的是删除的那一项,原有数组改变

•var ary=[5,8,3,4,6];var res=ary.shift();console.dir(res);---->5 返回数组第一项•删除数组最后一项的内容 ary.splice(ary.length-

1,1)  //ary.length-1 数组最后一项的内容         ary.length-=1     ary.length--

•var ary=[5,8,3,4,6];//    

ary.splice(ary.length-1,1);//    
ary.length-=1;     
console.dir(ary);---->

输出的是[5,8,3,4]数组的查询和复制

•slice(n,m)从索引n开始,找到索引m处,把找到的内容作为新的数组返回,原有数组不改变       

•slice(n-1,m)把数组的第n项到第m项提取出来

•slice(n) 从索引n开始查找到数组末尾

•slice(0) slice() 将原有数组复制一份 属于数组克隆  

•concat() 也可以实现数组克隆  

•concat的本意是实现数组的拼接 ary.concat(ary2) 把两个数组进行拼接

数组转化为字符串

•tostring把数组的每一项拿出来用逗号隔开,原有数组不变
•join("+")把数组的每一项拿出来用指定分隔符隔开

•数组求和

var ary=[5,8,3,4,6];
var str=ary.join("+");
var total=eval(str);
console.dir(total); //将指定字符串变成真正的表达式执行



 var ary=[5,8,3,4,6];
   var total=0;
   for(var i=0;i<ary.length;i++){
     total+=ary[i];
   }
   console.dir(total);

数组的排列和排序

•reverse() 把数组倒过来排序,原有数组改变

•sort 可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字  ary.sort(function(a,b){return (a-b);})

一些常用的方法 但是不兼容

•indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
•foreach
•map

会在以后的虚席中不断的进行补充 希望可以帮助大家一起理解学习。

以上这篇浅谈JavaScript中数组的增删改查就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
firefox下input type=&quot;file&quot;的size是多大
Oct 24 Javascript
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
理解javascript中DOM事件
Dec 25 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 #Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 #Javascript
javascript实现随机生成DIV背景色
Jun 20 #Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 #Javascript
JS实现弹出居中的模式窗口示例
Jun 20 #Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 #Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 #Javascript
You might like
业余方法DIY电子管FM收音机
2021/03/02 无线电
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
浅谈php和.net的区别
2014/09/28 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
2017/03/13 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
js数据类型检测总结
2018/08/05 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
列举Python中吸引人的一些特性
2015/04/09 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
python实现自动发送报警监控邮件
2018/06/21 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
Python多线程多进程实例对比解析
2020/03/12 Python
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
四种会话跟踪技术
2015/05/20 面试题
出纳岗位职责模板
2013/11/27 职场文书
电子信息专业自荐书
2014/02/04 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
酒后驾车标语
2014/06/30 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
vue实现拖拽交换位置
2022/04/07 Vue.js
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库