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 相关文章推荐
Div Select挡住的解决办法
Aug 07 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
js自定义Tab选项卡效果
Jun 05 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
May 28 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
jquery实现聊天机器人
Feb 08 jQuery
原生JS实现pc端轮播图效果
Dec 21 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
PHP操作XML作为数据库的类
2010/12/19 PHP
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
DOMAssitant最新版 DOMAssistant 2.5发布
2007/12/25 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
nodejs开发一个最简单的web服务器实例讲解
2020/01/02 NodeJs
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python输入多行字符串的方法总结
2019/07/02 Python
Flask-WTF表单的使用方法
2019/07/12 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
python能做哪方面的工作
2020/06/15 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
女士鞋子、包包和服装在线,第一款10美元:ShoeDazzle
2019/07/26 全球购物
质检部岗位职责
2013/11/11 职场文书
先进集体事迹材料
2014/02/17 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
检讨书模板大全
2015/05/07 职场文书
推广普通话主题班会
2015/08/17 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书