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 实现导航栏悬停效果
Sep 23 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
理解javascript中的with关键字
Feb 15 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
Mar 22 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 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 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020/04/17 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
python求众数问题实例
2014/09/26 Python
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
Python之py2exe打包工具详解
2017/06/14 Python
python 通过 socket 发送文件的实例代码
2018/08/14 Python
python中的for循环
2018/09/28 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
delegate与普通函数的区别
2014/01/22 面试题
介绍一下Java中的static关键字
2012/05/12 面试题
小学教师学期末自我评价
2013/09/25 职场文书
消防工作实施方案
2014/06/09 职场文书
群众路线对照检查材料
2014/09/22 职场文书
寻找成龙观后感
2015/06/12 职场文书
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python