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 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
12306验证码破解思路分享
Mar 25 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
JS数据类型分类及常用判断方法
Nov 19 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打开远程文件的方法和风险及解决方法
2013/11/12 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
js实现日历与定时器
2017/02/22 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
python实现堆栈与队列的方法
2015/01/15 Python
Python检测QQ在线状态的方法
2015/05/09 Python
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Mac安装python3的方法步骤
2019/08/09 Python
tensorflow多维张量计算实例
2020/02/11 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
python文件路径操作方法总结
2020/12/21 Python
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
2014/04/14 HTML / CSS
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
副总经理任命书
2014/06/05 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
介绍信的格式
2015/01/30 职场文书
教师个人自我评价
2015/03/04 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
遗嘱范文
2015/08/07 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python
Go语言怎么使用变长参数函数
2022/07/15 Golang