javascript数据结构----关于数组的方法总结

1.检测数组

对于一个网页，或者一个全局作用域而言，使用 instanceof 操作符就能到到满意的结果：

if (value instanceof Array){
//如果是数组就执行某些操作
}

instanceof 操作符的问题在于，他假定只有一个全局执行环境。如果网页中包含多个框架，那实际上就存在两个以上不同的全局执行环境，从而存在两个以上不同版本的 Array 构造函数。
为了解决这个问题，ECMAscript5 新增了 Array.isArray() 方法。这个方法的目的是最终确定某个值是不是数组，而不管他是在哪个全局执行环境中创建的。用法如下：

if (Array.isArray(value)) {
//如果是数组就执行某些操作
}

2.转换方法

所有对象都具有 toLocaleString () ，toString () ，和 valueOf () 方法
如果想用特定符号分隔数组元素可以使用 join () 方法

var colors = [ "yellow" , "green" ,"blue" ];
console.log( colors.join(",") );   //yellow,green,blue
console.log( colors.join("||") ); //yellow||green||blue

结果返回用特定分隔符分隔的所有数组项的字符串

3.栈方法

栈是一种LIFO（后进先出）的数据结构，ECMAscript 为数组提供了 push () 和 pop () 方法以实现类似栈的行为。

var colors = new Array();
var count = colors.push("red", "green");  //向数组末尾添加两项数据
console.log(count);                       //2

count = colors.push("blue");
console.log(count);                       //3

var item = colors.pop();                  //取得最后一项
console.log(item);                        //"blue"
console.log(colors.length);               //2

push () 方法将元素推入数组末尾， pop () 方法将数组末尾元素取出

4.队列方法

队列是一种FIFO（先进先出）的数据结构，ECMAscript 为数组提供了 unshift () 和shift () 方法以实现类似栈的行为。

具体使用方法和上面类似，只不过 unshift () 方法是为数组首位添加元素，而 shift () 是从数组中取得第一项。

5.重排序方法

数组中已经存在两个可以直接用来重排序的方法： reverse () 和 sort ()

reverse () 方法可以反转数组项的顺序：

var values = [1, 2, 3, 4, 5];
values.reverse();
console.log(values);      //5,4,3,2,1

sort () 方法按升序排列数组项——即最小的值位于最前面，最大的值位于最后面。为了实现排序， sort () 方法会调用每个数组项的 toString () 转型方法，然后比较得到的字符串，已确定如何排序。即使数组中的每一项都是数值，sort () 方法比较的也是字符串，如下所示：

var values = [0, 1, 5, 10, 15];
values.sort();
console.log(values);     //0,1,10,15,5

我们可以自定义比较方法来重写比较函数 sort () 下面就是一个简单的比较函数：

function compare(value1, value2) {
			if(value1 < value2) {
                 return 1;
			}else if(value1 > value2) {
				return -1;
			}else {
				return 0;
			}
		}

var values = [0, 1, 5, 10, 15];
values.sort(compare);
console.log(values);   //15,10,5,1,0

当然对于数值类型或者其 valueOf () 方法会返回数值类型的对象类型，可以使用一个更简单的比较函数。

function compare(value1, value2){
  return value2 - value1;
}

6.操作方法

（1）concat() 方法可以基于当前数组汇总的所有项创建一个新数组。具体来说，这个方法会闲创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。

var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
console.log(colors);    //red,green,blue
console.log(colors2);   //red,green,blue,yellow,black,brown

（2）slice() 方法可以基于当前数组中的一或多个项创建一个新数组。slice() 方法可以接受一或两个参数，即要返回项的起始和结束位置。

var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);

console.log(colors2);   //green,blue,yellow,purple
console.log(colors3);   //green,blue,yellow

（3）splice() 方法（删除，插入，替换）

删除：可以删除任意数量的项，只需指定两个参数：要删除的第一项的位置和要删除的项数。
例如，splice(1,2) 会删除数组中的第一个位置后两项，也即第二项和第三项。
插入：可以像指定位置插入任意数量的项，只需要提供三个参数：起始位置，0（要删除的项数）和要插入的项（可以是多个），例如， splice(2,0,"red","green")会从当前数组的位置 2 开始插入字符串“red” 和 “green” 。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项。只需指定三个参数：起始位置，要删除的项数和要插入的任意数量的项。插入的项不必与删除的项数相等。例如， splice(2,1,"red","green") 会删除当前数组位置 2 的项，然后再从该位置 2 开始插入字符串。

7.位置方法

ECMAscript为数组实例添加了两个位置方法： indexOf () 和 lastIndexOf () 。这两个方法都接受两个参数：要查找的项和（可选）表示查找起点位置的索引。其中 indexOf () 方法从数组的开头向后查找。

8.迭代方法

ECMAScript为数组定义了 5 个迭代方法。每个方法都接受两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影响 this 的值。传入这些方法中的函数会接受三个参数：数组项的值，该项在数组中的位置和数组对象本身。

every() ：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true ,则返回 true 。
filter() ：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
forEach() ：对数组中的每一项运行给定函数，这个方法没有返回值。
map() ：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
some() ：对数组中的每一项运行的给定函数，如果有任一项返回true,则返回 true 。

以上方法都不会修改数组中包含的值。

9.归并方法

ECMAScript还增加了两个归并数组的方法：reduce() 和 reduceRight() 。这两个方法都会迭代数组所有项，然后构建一个最终返回的值。其中，reduce()方法从数组的第一项开始，逐个遍历到最后。而 reduceRight() 则从数组的最后一项开始，向前遍历到第一项。

这两个方法都接受两个参数：一个在每一项调用的函数和（可选的）作为归并基础的初始值。传给 reduce() 和 reduceRight() 的函数接受四个参数：前一个值，当前值，项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。

javascript数据结构----关于数组的方法总结

猜你喜欢