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 相关文章推荐
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
初识Javascript小结
Jul 16 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
Aug 07 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
Apr 10 Javascript
详解jenkins自动化部署vue
May 14 Javascript
解决layui轮播图有数据不显示的情况
Sep 16 Javascript
JavaScript实现点击图片换背景
Nov 20 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加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
Zend Framework前端控制器用法示例
2016/12/11 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
Jquery滑动门/tab切换实现方法完整示例
2020/06/05 jQuery
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
程序员机试试题汇总
2012/03/07 面试题
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
创建服务型党组织实施方案
2014/02/25 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
小学语文国培研修日志
2015/11/13 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis
Python PIL按比例裁剪图片
2022/05/11 Python