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 相关文章推荐
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
Webkit的跨域安全问题说明
Sep 13 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
JS面试题大坑之隐式类型转换实例代码
Oct 14 Javascript
微信小程序实现图片上传
May 23 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
js编写简易的计算器
Jul 29 Javascript
vue使用watch监听属性变化
Apr 30 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动态生成VRML网页
2006/10/09 PHP
destoon各类调用汇总
2014/06/20 PHP
jQuery 解析xml文件
2009/08/09 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
js实现筛选功能
2020/11/24 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
python写日志封装类实例
2015/06/28 Python
详解Python3中yield生成器的用法
2015/08/20 Python
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Python内存管理实例分析
2019/07/10 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
Python如何在DataFrame增加数值
2020/02/14 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
护士长竞聘书
2014/03/31 职场文书
英文产品推荐信
2015/03/27 职场文书
2015年暑期见闻
2015/07/14 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书
如何撰写促销方案?
2019/07/05 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers
Python实现简单得递归下降Parser
2022/05/02 Python