js常用数组操作方法简明总结


Posted in Javascript onJune 20, 2014
//javascript 中的数组分割
var colors = ["red","green","blue"];
//alert(colors.toString());
alert(colors.join("|")); //返回结果是red|green|blue
var colors = ["red","green","blue",null];
alert(colors.join("|"));//red|green|blue|
//注意当数组里面有值是null或者是undefined的时候 返回的结果是以空的字符串表示的
-------------------------------------------
//数组删除和添加
var colors = ["red","green","blue"];
//alert(colors.toString());
colors.push("white","test");//返回的结果是数组的长度
alert(colors.join("|"));//结果是red|green|blue|white|test
//往数组的开头添加元素
var colors = ["red","green","blue","test"];
var item = colors.unshift("first");//数组的开头添加一个元素
alert(colors.join("|"));//返回最后的数组


//删除元素
var colors = ["red","green","blue","test"];
var item = colors.pop();//返回删除的选项结果test
alert(colors.join("|"));//返回最后的数组结果red|green|blue
//删除开头元素
var colors = ["red","green","blue","test"];
var item = colors.shift();//删除数组的第一个选项
alert(colors.join("|"));//返回最后的数组
-------------------------------------------------
//数组顺序事例
//顺序颠倒
var colors = ["red","green","blue","test"];
colors.reverse();
alert(colors);//结果是:test,blue,green,red
//数组排序
var values = [0,1,5,10,7];
values.sort(compare);
alert(values);
//document.writeln(values);

}
 function compare(value1,value2){
	if(value1<value2){
		return 1 ;
	}else if(value1>value2){
		return -1 ;
	}else return 0 ;
} 
-----------------------------------------------------
//向数组中添加数组 concat()方法
var colors = ["color","red"];
var colors2 = colors.concat(["ccc","bbbb"],'3333',['vvccxx',['oolll','lll']]);
alert(colors2);//返回结果是:color,red,ccc,bbbb,3333,vvccxx,oolll,lll

//slice()方法复制数组中的元素并不会破坏之前的元素
var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1);//从1开始进行复制
alert(colors2);//结果是:red,eeee,221111

var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1,3);//从1开始进行复制到第3个位置结束
alert(colors2);//结果是red,eeee
---------------------------------------------------------------------
//数组中删除元素
var a = [1,2,3,5,8];
var r = a.splice(0,2); //删除前2项
alert(a);//结果是3,5,8

var a = [1,2,3,5,8];
var r = a.splice(1,1,100,200); //从第2个数开始删除一项 然后插入100 200
alert(a);//结果是1,100,200,3,5,8
Javascript 相关文章推荐
JavaScript实现拼音排序的方法
Nov 20 Javascript
checkbox使用示例
Aug 23 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
对node.js中render和send的用法详解
May 14 Javascript
JavaScript事件对象event用法分析
Jul 27 Javascript
vue搜索和vue模糊搜索代码实例
May 07 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
JavaScript读取本地文件常用方法流程解析
Oct 12 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
JS实现闪动的title消息提醒效果
Jun 20 #Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 #Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 #Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 #Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 #Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
You might like
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
php+mysqli事务控制实现银行转账实例
2015/01/29 PHP
Java中final关键字详解
2015/08/10 PHP
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
Python中多个数组行合并及列合并的方法总结
2018/04/12 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
python中time库的实例使用方法
2019/10/31 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
大学生求职自我评价
2014/01/16 职场文书
班长竞选演讲稿
2014/04/24 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
大学生迟到检讨书500字
2014/10/17 职场文书
常住证明范本
2015/06/23 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers