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的id
Oct 19 Javascript
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
封装好的省市地区联动控件附下载
Aug 13 Javascript
为javascript添加String.Format方法
Aug 11 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
如何在js代码中消灭for循环实例详解
Jul 29 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
Vue 幸运大转盘实现思路详解
May 06 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
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
js jquery做的图片连续滚动代码
2008/01/06 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
在Python中处理时间之clock()方法的使用
2015/05/22 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
python实现粒子群算法
2020/10/15 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
python re模块常见用法例举
2021/03/01 Python
销售辞职报告范文
2014/01/12 职场文书
教师绩效工资方案
2014/02/01 职场文书
初中生自我评价
2014/02/01 职场文书
python实现剪贴板的操作
2021/07/01 Python
Python实现简单的俄罗斯方块游戏
2021/09/25 Python