浅谈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 相关文章推荐
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
ie7+背景透明文字不透明超级简单的实现方法
Jan 17 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
js实现背景图自适应窗口大小
Jan 10 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
小程序接口的promise化的实现方法
Dec 11 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遍历二维数组的代码
2011/04/22 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
php提高网站效率的技巧
2015/09/29 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
浅析javascript的间隔调用和延时调用
2014/11/12 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
联想墨西哥官方网站:Lenovo墨西哥
2016/08/17 全球购物
自我评价的写作规则
2014/01/06 职场文书
个人委托书怎么写
2014/04/04 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
干部竞争上岗演讲稿
2014/09/11 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang