浅谈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 相关文章推荐
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
js基于cookie方式记住返回页面用法示例
May 27 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
two.js之实现动画效果示例
Nov 06 Javascript
js中数组常用方法总结(推荐)
Apr 09 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
最贵的咖啡是怎么产生的,它的风味怎么样?
2021/03/04 新手入门
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
ie下动态加态js文件的方法
2011/09/13 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
JavaScript中cookie工具函数封装的示例代码
2016/10/11 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
js实现录音上传功能
2019/11/22 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
让python json encode datetime类型
2010/12/28 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
传播学专业毕业生自荐信
2013/11/04 职场文书
网页美工求职信范文
2014/04/17 职场文书
论文指导教师评语
2014/04/28 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
公司出差管理制度范本
2015/08/05 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang