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基础的动画教程,直观易懂
Jan 10 Javascript
jquery 圆形旋转图片滚动切换效果
Jan 19 Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
js日期联动示例
May 02 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
javascript实现数字时钟效果
Feb 06 Javascript
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
phpmyadmin的#1251问题
2006/11/25 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
关于jQuery中的end()使用方法
2011/07/10 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
Intersport西班牙:在线体育商店
2019/11/06 全球购物
实习生单位鉴定意见
2013/12/04 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
平安建设实施方案
2014/03/19 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
护理自荐信
2019/05/14 职场文书