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 相关文章推荐
第一次接触神奇的Bootstrap表单
Jul 27 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
jQuery异步提交表单实例
May 30 jQuery
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 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&amp;mysql(二)
2006/10/09 PHP
javascript 小型动画组件与实现代码
2010/06/02 PHP
PHP常用处理静态操作类
2015/04/03 PHP
php实现购物车功能(上)
2020/07/23 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
js的image onload事件使用遇到的问题
2014/07/15 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
vue项目中引入Sass实例方法
2019/08/27 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
Python实现的一个简单LRU cache
2014/09/26 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
python购物车程序简单代码
2018/04/18 Python
24式加速你的Python(小结)
2019/06/13 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
python config文件的读写操作示例
2019/09/27 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
怎么处理XML的中文问题
2015/03/26 面试题
翻译学院毕业生自荐书
2014/02/02 职场文书
授权委托书格式模板
2014/04/03 职场文书
自查自纠工作总结
2014/10/15 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS