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 相关文章推荐
js实现可拖动DIV的方法
Dec 17 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
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
日本十大惊悚动漫
2020/03/04 日漫
PHP 编写大型网站问题集
2010/05/07 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
解析coreseek for sphinx的使用
2013/06/21 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
jquery ready函数源代码研究
2009/12/06 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
在AngularJS中使用AJAX的方法
2015/06/17 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
跟老齐学Python之数据类型总结
2014/09/24 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
完美解决在oj中Python的循环输入问题
2018/06/25 Python
python3 kmp 字符串匹配的方法
2018/07/07 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
小学开学典礼主持词
2014/03/19 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
作文评语集锦大全
2014/04/23 职场文书
超市客服工作职责
2014/06/11 职场文书
思想道德自我评价2015
2015/03/09 职场文书
小学语文教师研修日志
2015/11/13 职场文书
关于做家务的心得体会
2016/01/23 职场文书