浅谈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 相关文章推荐
JS跨域代码片段
Aug 30 Javascript
jquery获取当前点击对象的value方法
Feb 28 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 Javascript
深入探讨前端框架react
Dec 09 Javascript
原生js实现轮播图的示例代码
Feb 20 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
Vue 一键清空表单的实现方法
Feb 07 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批量生成静态HTML的简单原理和方法
2014/04/20 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
js操作textarea 常用方法总结
2012/12/03 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
2018/10/19 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
VUE使用axios调用后台API接口的方法
2020/08/03 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
python的else子句使用指南
2016/02/27 Python
Python协程的用法和例子详解
2017/09/09 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
Python实现爬取并分析电商评论
2020/06/19 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
中国跨境电商:Tomtop
2017/03/16 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
工厂总经理岗位职责
2014/02/07 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
装修安全责任协议书
2016/03/22 职场文书
MySQL锁机制
2021/04/05 MySQL
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
利用Python实现模拟登录知乎
2022/05/25 Python