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 相关文章推荐
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
详解JavaScript中return的用法
May 08 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
vue实现计算器功能
Feb 22 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
Rust中的Struct使用示例详解
Aug 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
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
国外十大最流行的PHP框架排名
2013/07/04 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
js 数据类型转换总结笔记
2011/01/17 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
深入了解js原型模式
2019/05/30 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
Django分页功能的实现代码详解
2019/07/29 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
python获取整个网页源码的方法
2020/08/03 Python
如何在python中实现线性回归
2020/08/10 Python
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
工作自我评价范文
2015/03/05 职场文书
河童之夏观后感
2015/06/11 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
课改心得体会范文
2016/01/25 职场文书
导游词之江南周庄
2019/12/06 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS