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 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
各种常用的JS函数整理
Oct 25 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 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.ini中的php-5.2.0配置指令详解
2008/03/27 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
Django添加sitemap的方法示例
2018/08/06 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
中学劳技课教师的自我评价
2014/02/05 职场文书
教师考核评语
2014/04/28 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
感谢信的格式
2015/01/21 职场文书
质量保证书格式
2015/02/27 职场文书
银行求职自荐信范文
2015/03/04 职场文书
义诊活动通知
2015/04/24 职场文书
机关保密工作承诺书
2015/05/04 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python
Spring Cloud 中@FeignClient注解中的contextId属性详解
2021/09/25 Java/Android