浅谈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 私有成员分析
Jan 13 Javascript
Javascript倒计时代码
Aug 12 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
新手快速入门JavaScript装饰者模式与AOP
Jun 24 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新手上路(十二)
2006/10/09 PHP
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
2020/05/27 PHP
PHP 实现链式操作
2021/03/09 PHP
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
比较常见的javascript中定义函数的区别
2015/11/09 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
vue实现动态数据绑定
2017/04/28 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python中time模块和datetime模块的用法示例
2016/02/28 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
详解Python是如何实现issubclass的
2019/07/24 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
python GUI模拟实现计算器
2020/06/22 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
新媒传信软件测试面试题
2013/02/24 面试题
同事打架检讨书
2014/02/04 职场文书
小学运动会入场式解说词
2014/02/18 职场文书
《颐和园》教学反思
2014/02/26 职场文书
党员反对四风问题思想汇报
2014/09/12 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
2014年政工师工作总结
2014/12/18 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书