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 相关文章推荐
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
javascript 手动给表增加数据的小例子
Jul 10 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 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中看实例学正则表达式
2006/12/25 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
jQuery实现简单倒计时功能的方法
2016/07/04 Javascript
Ajax与服务器(JSON)通信实例代码
2016/11/05 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
Bootstarp基本模版学习教程
2017/02/01 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
python内置模块collections知识点总结
2019/12/19 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
JAVA软件工程师测试题
2014/07/25 面试题
本科生的职业生涯规划范文
2014/01/09 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
运动会表扬稿范文
2015/05/05 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
作文之亲情600字
2019/09/23 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server