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 相关文章推荐
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
jquery实现图片切换代码
Oct 13 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
基于javascript中的typeof和类型判断(详解)
Oct 27 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 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实现邮件发送并带有附件
2014/01/24 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
使用Eclipse如何开发python脚本
2018/04/11 Python
win7上tensorflow2.2.0安装成功 引用DLL load failed时找不到指定模块 tensorflow has no attribute xxx 解决方法
2020/05/20 Python
python属于哪种语言
2020/08/16 Python
用CSS3实现瀑布流布局的示例代码
2017/11/10 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
迎元旦广播稿
2014/02/22 职场文书
实用的简历自我评价
2014/03/06 职场文书
初中学生评语大全
2014/04/24 职场文书
反腐倡廉标语
2014/06/24 职场文书
敬老月活动总结
2014/08/28 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
大学感恩节活动总结
2015/05/05 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
交通安全教育主题班会
2015/08/12 职场文书