JavaScript高级程序设计读书笔记之九本地对象Array

更新时间：2012年02月27日 23:50:56 作者：

本地对象Array，数组等操作函数

创建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"] 

您可能感兴趣的文章:

微信小程序仿淘宝热搜词在搜索框中轮播功能
这篇文章主要介绍了微信小程序—仿淘宝热搜词在搜索框中轮播功能的相关资料,需要的朋友可以参考下
2020-01-01
JS之判断是否为对象或数组的几种方式总结
这篇文章主要介绍了JS之判断是否为对象或数组的几种方式总结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
js+html+css实现手动轮播和自动轮播
这篇文章主要为大家详细介绍了js+html+css实现手动轮播和自动轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
JavaScript 数组的 uniq 方法
2008-01-01
让js弹出窗口居前显示的实现方法
一般来说，显示在最前面的窗口都是因为窗口被激活获得焦点，要使窗口永远显示在最前面，可以人为的设置窗口在blur时立刻focus，或者用模式、无模式对话框实现
2013-07-07
10个功能强大的JavaScript动画库分享
动画,从人群中脱颖而出、吸引访客注意力的绝佳方式,本文将给大家分享10 个功能强大的 JavaScript 动画库,有了这 10 个功能强大的 JavaScript 库,创建动画再简单不过了,感兴趣的同学可以参考阅读
2023-09-09
Echarts读取动态数据完整代码
这篇文章主要给大家介绍了关于Echarts读取动态数据的相关资料,使用Echarts画图时,数据一般不是静态写死的,而是通过后端接口动态获取的,需要的朋友可以参考下
2023-10-10
JS将指定的某个字符全部转换为其他字符实例代码
这篇文章主要给大家介绍了关于JS如何将指定的某个字符全部转换为其他字符的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-10-10
JavaScript原生节点操作小结
本文主要介绍了JavaScript原生节点操作的相关知识。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
用js实现用户注册功能
这篇文章主要为大家详细介绍了用js实现用户注册的简洁版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09