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实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
JS实现简易贪吃蛇游戏
Aug 24 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
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
降低PHP Redis内存占用
2017/03/23 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
关于textarea提交的内容无法换行的解决办法
2013/04/09 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
Javascript事件实例详解
2013/11/06 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
Electron vue的使用教程图文详解
2019/07/05 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
2019/11/09 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
Python新手实现2048小游戏
2015/03/31 Python
Python中循环引用(import)失败的解决方法
2018/04/22 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
python web框架中实现原生分页
2019/09/08 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
Ajax和javascript的区别
2013/07/20 面试题
后勤主管工作职责
2013/12/07 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
行政助理工作职责范本
2014/03/04 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android