浅谈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将url中的参数加密解密代码
Nov 17 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
利用JavaScript阻止表单提交的两种方法
Aug 11 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
Angular2学习笔记——详解路由器模型(Router)
Dec 02 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 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 curl 上传文件代码实例
2015/04/27 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
php gethostbyname获取域名ip地址函数详解
2010/01/24 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
详谈JS中实现种子随机数及作用
2016/07/19 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
Python 面向对象部分知识点小结
2020/03/09 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
python合并多个excel文件的示例
2020/09/23 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
教学实习自我评价
2014/01/28 职场文书
新学期决心书
2014/03/11 职场文书
家教广告词
2014/03/19 职场文书
村干部培训班主持词
2014/03/28 职场文书
中国入世承诺
2014/04/01 职场文书
敬老模范事迹
2014/05/21 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
领导班子整改措施
2014/10/24 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
Python软件包安装的三种常见方法
2022/07/07 Python