JavaScript高级程序设计 读书笔记之九 本地对象Array


Posted in Javascript onFebruary 27, 2012

创建Array对象

//one 
var aValues=new Array(); //two 
var aValues=new Array(20); 
//three 
var aColors=new Array(); 
aColors[0]="red"; 
aColors[1]="green"; 
aColors[2]="blue"; 
//four 
var aColors=new Array("red","green","blue"); 
//five 
var aColors=["red","green","blue"];

join && split
join:连接字符串
var aColors=["red","green","blue"]; 
alert(aColors.join(","));//outputs "red,green,blue" 
alert(aColors.join("-spring-"));//outputs "red-spring-green-spring-blue" 
alert(aColors.join("]["));//outputs "red][green][blue"

split:分拆字符串
var sColors="red,green,blue"; 
var aColors=sColors.split(",");//outputs ["red", "green", "blue"] 
var redColors=aColors[0].split("");//outputs ["r", "e", "d"]

concat && slice
concat:追加数组
var aColors=["red","green","blue"]; 
var aColors2=aColors.concat("yellow","purple"); 
alert(aColors);//outputs ["red", "green", "blue"] 
alert(aColors2);//outputs ["red", "green", "blue", "yellow", "purple"]

slice:返回具有特定项的新数组
var aColors=["red","green","blue","yellow","purple"]; 
var aColors2=aColors.slice(1);//outputs ["green","blue","yellow","purple"] 
var aColors3=aColors.slice(1,4);//outputs ["green","blue","yellow"]

push && pop
跟栈一样,Array提供了push和pop方法,push方法用于在Array结尾添加一个或多个项,pop用于删除最后一个数组项,返回它作为函数值
var stack=new Array; 
stack.push("red"); 
stack.push("green"); 
stack.push("blue"); 
alert(stack);//outputs ["red","green","blue"] 
var vItem=stack.pop(); 
alert(vItem);//outputs ["blue"] 
alert(stack);//otputs ["red","green"]

shift && unshift
shift:删除数组中第一项,将其作为函数返回值,unshift:把一个项放在数组的第一个位置,然后把余下的项向下移动一个位置
var aColors=["red","green","blue"]; 
var vItem=aColors.shift(); 
alert(aColors);//outputs ["green","blue"] 
alert(vItem);//outputs ["red"] 
aColors.unshift("black"); 
alert(aColors);//outputs ["black","green","blue"]

reverse && sort
reverse:颠倒数组项的顺序,sort:按数组项的值升序排列(首先要调用toString()方法,将所有值转换成字符串)
var aColors=["blue","green","red"]; 
aColors.reverse(); 
alert(aColors);//outputs ["red","green","blue"] 
aColors.sort(); 
alert(aColors);//outputs ["blue","green","red"]

注意:
var aColors=[3,32,2,5]; 
aColors.sort(); 
alert(aColors);//outputs [2,3,32,5]

这是因为数字被转换成字符串,然后按字符代码进行比较的。

splice
splice:把数据项插入数组的中部

1、用作删除:只要声明两个参数,第一个参数为要删除的第一个项的位置,第二个参数为删除项的个数

var aColors=["red","green","blue","yellow"]; 
aColors.splice(0,2); 
alert(aColors);//outputs ["blue", "yellow"]

2、用作插入:声明三个或以上参数(第二个参数为0)就可以把数据插入指定位置,第一个参数为地始位置,第二个参数为0,第三个及以上参数为插入项
var aColors=["red","green","blue","yellow"]; 
aColors.splice(2,0,"black","white"); 
alert(aColors);//outputs ["red","green","black","white","blue", "yellow"]

3、用作删除并插入:声明三个或以上参数(第二个参数为不0)就可以把数据插入指定位置,第一个参数为地始位置,第二个参数为要删除的项的个数,第三个及以上参数为插入项
var aColors=["red","green","blue","yellow"]; 
aColors.splice(2,1,"black","white"); 
alert(aColors);//outputs ["red","green","black","white", "yellow"]
Javascript 相关文章推荐
form表单action提交的js部分与html部分
Jan 07 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
AngularJS 最常用的八种功能(基础知识)
Jun 26 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 #Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 #Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
Feb 27 #Javascript
You might like
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
php创建图像具体步骤
2017/03/13 PHP
PHP实现的简单适配器模式示例
2017/06/22 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
Jquery操作radio的简单实例
2014/01/06 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
js继承实现方法详解
2016/12/16 Javascript
jquery 手势密码插件
2017/03/17 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
2017/05/03 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
2019/06/27 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
python写入文件自动换行问题的方法
2019/07/05 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
Python xlwt模块使用代码实例
2020/06/10 Python
新锐科技Java程序员面试题
2016/07/25 面试题
迟到检讨书300字
2014/02/14 职场文书
学校后勤岗位职责
2014/02/19 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
演讲稿格式范文
2014/05/19 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
2015年征兵工作总结
2015/07/23 职场文书
2015年村级财务管理制度
2015/08/04 职场文书