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压缩工具:X2JSCompactor
Jun 13 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
js获取html参数及向swf传递参数应用介绍
Feb 18 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
Bootstrap表单布局
Jul 19 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
js如何编写简单的ajax方法库
Aug 02 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
详解vue微信网页授权最终解决方案
Jun 16 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
dedecms中常见问题修改方法总结
2007/03/21 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
使用PHP实现密保卡功能实现代码<打包下载直接运行>
2011/10/09 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
jquery parent和parents的区别分析
2013/10/02 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
JS实现的文件拖拽上传功能示例
2018/05/21 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
Openlayers实现扩散的动态点(水纹效果)
2020/08/17 Javascript
浅谈使用Python内置函数getattr实现分发模式
2018/01/22 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python如何删除文件中重复的字段
2019/07/16 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
python中的测试框架
2020/11/13 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
中学生自我评价范文
2014/02/08 职场文书
大气污染防治方案
2014/05/19 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
k-means & DBSCAN 总结
2021/04/27 Python
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
Python实现打乒乓小游戏
2021/09/25 Python
Python获取字典中某个key的value
2022/04/13 Python
什么是css原子化,有什么用?
2022/04/24 HTML / CSS
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技