浅谈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入门教程(2) JS基础知识
Jan 31 Javascript
xml和web特殊字符
Apr 28 Javascript
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
浅析JavaScript动画
Jun 10 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
js基础知识(公有方法、私有方法、特权方法)
Nov 06 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
JavaScript构造函数原理及实现流程解析
Nov 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中SimpleXML函数用法分析
2014/11/26 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
js给selected添加options的方法
2015/05/06 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
原生js实现碰撞检测
2020/03/12 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
Python fileinput模块使用实例
2015/05/28 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
python如何爬取个性签名
2018/06/19 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
python实现单链表的方法示例
2019/09/03 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
Python with语句用法原理详解
2020/07/03 Python
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
新浪网技术部笔试题
2016/08/26 面试题
策划助理岗位职责
2013/11/18 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
用人单位终止解除劳动合同证明书
2014/10/06 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
跑出一片天观后感
2015/06/08 职场文书
中学语文教学反思
2016/02/16 职场文书
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers