浅谈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实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
【经验总结】编写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 shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
JS 动态加载脚本的4种方法
2009/05/05 Javascript
Javascript/Jquery——简单定时器的多种实现方法
2013/07/03 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
关于 angularJS的一些用法
2017/11/29 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
python冒泡排序简单实现方法
2015/07/09 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
浅谈Python中的私有变量
2018/02/28 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python内打印变量之%和f的实例
2020/02/19 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
python爬虫用mongodb的理由
2020/07/28 Python
如何用python批量调整视频声音
2020/12/22 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
受欢迎的大学生自我评价
2013/12/05 职场文书
银行实习生的自我评价
2013/12/09 职场文书
会议活动邀请函
2014/01/27 职场文书
初中英语演讲稿
2014/04/29 职场文书
交警失职检讨书
2015/01/26 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle