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 相关文章推荐
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
Vuejs 单文件组件实例详解
Feb 09 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
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 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
js调用css属性写法
2013/09/21 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
2014/01/16 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
javascript作用域链(Scope Chain)用法实例解析
2015/11/30 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
JS实现拼图游戏
2021/01/29 Javascript
js实现车辆管理系统
2020/08/26 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
Python实现从百度API获取天气的方法
2015/03/11 Python
python实现同时给多个变量赋值的方法
2015/04/30 Python
Python编程求质数实例代码
2018/01/31 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
tensorflow更改变量的值实例
2018/07/30 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
django ORM之values和annotate使用详解
2020/05/19 Python
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
联想台湾官网:Lenovo TW
2018/05/09 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
简单而又朴实的个人求职信分享
2013/12/12 职场文书
双语教学实施方案
2014/03/23 职场文书
党支部公开承诺书
2014/03/28 职场文书
药剂专业自荐信范文
2014/04/16 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android