浅谈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 相关文章推荐
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
详解JavaScript的流程控制语句
Nov 30 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
原生javascript自定义input[type=radio]效果示例
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
一步一步学习PHP(8) php 数组
2010/03/05 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
原生js+css实现tab切换功能
2020/09/17 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python subprocess模块常见用法分析
2018/06/12 Python
对python sklearn one-hot编码详解
2018/07/10 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
对python中的try、except、finally 执行顺序详解
2019/02/18 Python
python实现飞机大战游戏
2020/10/26 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
销售人员职业生涯规划范文
2014/03/01 职场文书
中式婚礼主持词
2014/03/13 职场文书
学生请假条
2014/04/11 职场文书
教师节演讲稿
2014/05/06 职场文书
股票投资建议书
2014/05/19 职场文书
计算机专业毕业生自荐书
2014/06/02 职场文书
合作协议书模板2014
2014/09/26 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL