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 相关文章推荐
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
jQuery中:last-child选择器用法实例
Dec 31 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
深入理解js promise chain
May 05 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 Javascript
weui上传多图片,压缩,base64编码的示例代码
Jun 22 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实现的多元线性回归模拟曲线算法
2018/01/30 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
js数组的操作指南
2014/12/28 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
js实现简单数字变动效果
2017/11/06 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
解析Python中的异常处理
2015/04/28 Python
Python3爬虫全国地址信息
2019/01/05 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
银行门卫岗位职责
2013/12/29 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
借名购房协议书范本
2014/10/06 职场文书
批评与自我批评范文
2014/10/15 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
植树节新闻稿
2015/07/17 职场文书
食堂管理制度范本
2015/08/04 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL