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 相关文章推荐
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
form表单转Json提交的方法(推荐)
Sep 23 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
Jan 11 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
js时间戳与日期格式之间转换详解
Dec 11 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
JavaScript switch语句使用方法简介
Dec 30 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
php抓即时股票信息
2006/10/09 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
跟我学Laravel之配置Laravel
2014/10/15 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
jQuery简单实现title提示效果示例
2016/08/01 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
vue2 中二级路由高亮问题及配置方法
2019/06/10 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python Socket编程详细介绍
2017/03/23 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
经典优秀个人求职信分享
2013/12/12 职场文书
劳资人员岗位职责
2013/12/19 职场文书
校园安全广播稿范文
2014/09/25 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
2015年植树节活动总结
2015/02/06 职场文书
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸