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 文件引入实现代码
Apr 23 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
JavaScript中DOM详解
Apr 13 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
Angular排序实例详解
Jun 28 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
JSON 入门教程基础篇 json入门学习笔记
Sep 22 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
PHP开发文件系统实例讲解
2006/10/09 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
PHP 学习路线与时间表
2010/02/21 PHP
PHP调用Webservice实例代码
2011/07/29 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
php实现mysql数据库分表分段备份
2015/06/18 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
基于python编写的微博应用
2014/10/17 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
python计算圆周率pi的方法
2015/07/11 Python
pytorch 固定部分参数训练的方法
2019/08/17 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
市政施工员自我鉴定
2014/01/15 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
作弊检讨书
2015/01/27 职场文书
消防安全月活动总结
2015/05/08 职场文书
2016年最美孝心少年事迹材料
2016/02/26 职场文书
2019年大学推荐信
2019/06/24 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
Python面向对象编程之类的概念
2021/11/01 Python
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python