浅谈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 相关文章推荐
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
vue二级路由设置方法
Feb 09 Javascript
vue2.0 实现页面导航提示引导的方法
Mar 13 Javascript
vue组件实践之可搜索下拉框功能
Nov 25 Javascript
详解jQuery设置内容和属性
Apr 11 jQuery
原生JavaScript实现购物车
Jan 10 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
php设计模式 Proxy (代理模式)
2011/06/26 PHP
php长字符串定义方法
2012/07/12 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
2018/04/20 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
JavaScript中创建对象的7种模式详解
2017/02/21 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
2020/07/21 Javascript
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
详细解析Python中的变量的数据类型
2015/05/13 Python
python实现发送和获取手机短信验证码
2016/01/15 Python
python中的lambda表达式用法详解
2016/06/22 Python
python+django快速实现文件上传
2016/10/24 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
基于python代码批量处理图片resize
2020/06/04 Python
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
宠物店的创业计划书范文
2014/01/11 职场文书
停电放假通知
2015/04/14 职场文书
Nginx配置Https安全认证的实现
2021/05/26 Servers
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript