js数组学习整理

原文地址：js数组学习整理

经常使用的js数组操做方法及原理

一、声明数组的方式

var colors = new Array();//空的数组
 
var colors = new Array(3); //长度为3
 
var colors = new Array('red','blue');//初始化

　　

其中，在声明数组的时候，去掉new操做符，也能够。

还有一种初始化数组的方式，使用数组字面量表示法 。

数组字面量由一对包含数组项的方括号表示，多个数组项之间用逗号隔开。

var colors = [ 'red', 'blue'];
 
var colors = [];

　　

二、数组的length ， 不是只读的，能够用它来增删数组。

var color = ['red', 'blue', 'green'];
 
color.length = 2;
 
alert(color[2]); // undefined，说明这个值已经不存在了

　　

增长数组项

var colors = ['red','blue'];
 
colors[colors.length] = 'green';

　　

三、检测数组

若是只有一个全局的环境，能够用

if( value instanceof Array ){  }

　　

但若是一个网页中有框架，就会有多个全局环境，那么Array构造函数就会有多个，此时用

Array.isArray(value);//IE9+

四、转换方法（将数组转化为字符串）

全部对象都有toLocalString()、toString()、这2个方法返回以逗号分隔的字符串，它们的原理分别是循环数组，将数组的每一项分别使用toLocalString()、toString()方法后，拼接成字符串。

join()方法是能够指定分隔的符号来返回字符串。若是在join()中不指定分隔符，默认为逗号。

若是数组中的一项值是null，或者undefined，使用join()，toLocalString()、toString()方法返回的是以空字符串表示该项。

valueOf()返回的仍是数组

五、向数组中添加或取出值（栈方法，队列方法）

var colors = [];
 
colors.push('red'); // 返回数组长度 1
 
colors.pop(); //返回数组最后一项red

　　

这2个方法都是像栈同样的形式，直接操做最后的元素，也就是后来的元素。

还有2种方法像队列同样的形式操做数组,shift,unshift

var colors = ['red', 'blue'];
 
colors.shift(); // 返回的是数组第一项red
 
colors.unshift('green'); // 返回数组长度3

　　

取值操做pop()，shift()，会返回一个值

push()，unshift()，会返回添加之后的数组长度。

六、排序方法

var color = [1,2,3,4];
 
color.reverse(); // 反转数组 4,3,2,1
 
color.sort(); //默认是升序排列 1,2,3,4
 
//但若是colors = [1, 2, 3, 15];使用sort时会返回 1, 15, 2 ,3

　　

sort()；方法会对数组的每一项进行toString()。因此最后获得的数组每一项字符串。因此会出现那样的结果。

但sort()接收一个比较方法的函数做为参数，那咱们能够自定义一个compare函数

//自定义升序
 
function compare(v1, v2){
 
if(v1 < v2)
 
return -1;
 
else if(v1 > v2)
 
return 1;
 
else
 
return 0;
 
}
 
var values = [0, 1, 3, 15]
 
values.sort(compare); //返回1,2,3,15

　　

七、操做方法（concat，slice，splice）

这里concat和slice方法都不会直接操做原数组，而是返回一个新的数组，原数组不会改变。

var colors = ['red', 'blue'];
 
var a = ['green'];
alert(colors.concat(a));//['red', 'blue', 'green']
alert(colors); //['red', 'blue']

　　

slice很像python切割字符串。

var colors = ['red', 'blue', 'green'];
 
colors.slice(1);//返回[blue,green]
 
colors.slice(1,3);//返回['blue']

　　

slice()若是传入一个负值，则用数组长度加上这个值，对应的就是等价的值

//若是数组长度为5
 
slice(-2, -1); 与 slice(3, 4);相等

　　

splice(‘起始位置’, ‘删除数量'[, ‘代替值’]);它是直接操做原数组，以数组形式返回被操做的元素

var colors = ['red', 'green', 'blue'];
 
colors.splice(1, 1); // 返回[‘green’] ，而原数组为[red, blue]
 
colors.splice(1, 0, 'yellow'); //返回一个空数组 ，而原数组为[red,yellow,green,blue]

　　

八、位置方法（indexOf, lastIndexOf）

indexOf(‘要查找的项'[, ‘查找起点的索引’])返回数组值的索引，从第一个值开始查找、 lastIndexOf则相反。

var num = [1,2,3,4,5,6];
 
num.indexOf(3); //返回2
 
num.indexOf(3, 3); //返回-1，表示该值不存在

　　

【全文完】