本文全面解析JavaScript中的Array类型。涵盖数组的两种创建方式（构造函数与字面量）、动态长度属性、类型检测及toString等转换方法。深入讲解栈（push/pop）与队列（shift/unshift）操作、重排序（reverse/sort）、数组切片（concat/slice/splice）、位置查找及五大迭代与归并方法，助您掌握数组核心用法。
JavaScript数组基础与创建方式
JavaScript数组类型与其他语言存在显著差异，其元素可存储任意数据类型，且数组大小具备动态调整能力，能随数据添加自动扩展。
数组的创建主要包含两种基本方式。
1. 使用Array构造函数
var cities = new Array();若预先知晓项目数量，可向构造函数传入该数值，此数值将自动赋给length属性。
var cities = new Array(3);亦可向Array构造函数传递数组应包含的具体项。
var cities = new Array("shanghai", "beijing", "shenzhen");创建数组时，new操作符可被省略：
var cities = Array(3); //创建一个包含3个元素的数组2. 使用数组字面量表示法
数组字面量由包含数组项的方括号构成，各项间以逗号分隔，示例如下：
var cities = ["shanghai", "beijing", "shenzhen"];
var cities = []; // 创建一个空字符串读取或设置数组值时，需使用方括号并提供基于0的数字索引（即第一项索引为0，第二项为1，依此类推），示例如下：
var cities = ["shanghai", "beijing", "shenzhen"];
alert(cities[0]); // "shanghai"
cities[1] = "hongkong"; // 修改第二项"beijing"为"hongkong"
cities[3] = "taiwan" // 新增一项数组项数存储于length属性中，该属性非只读。通过设置length属性，可从数组末尾移除项或向数组添加新项。
var cities = ["shanghai", "beijing", "shenzhen"];
cities.length = 2;
alert(cities[2]); // undefined利用length属性可在数组末尾添加新项：
var cities = ["shanghai", "beijing", "shenzhen"];
cities[cities.length] = "hongkong";数组类型检测与转换方法
1. 检测数组
ECMAScript5引入了Array.isArray()方法，用于确定值是否为数组，无论其创建于哪个全局执行环境。用法如下：
if (Array.isArray(value)) {
// 对数组执行某些操作
}2. 转换方法
所有对象均具备toLocaleString()、toString()和valueOf()方法。调用数组的toString()方法会返回由各项值的字符串形式拼接而成的逗号分隔字符串。例如：
var cities = ["shanghai", "beijing", "shenzhen"];
alert(cities.toString()); // shanghai,beijing,shenzhen
alert(cities.valueOf()); // shanghai,beijing,shenzhen
alert(cities); // shanghai,beijing,shenzhen说明：由于alert()需接收字符串参数，它会在后台调用toString()方法，因此结果与直接调用toString()方法相同。
此外，toLocaleString()方法通常返回与toString()和valueOf()相同的值，区别在于它调用每一项的toLocaleString()方法而非toString()方法。例如：
var p1 = {
toLocaleString: function () {
return "p1 toLocaleString";
},
toString: function () {
return "p1 toString";
}
};
var p2 = {
toLocaleString: function () {
return "p2 toLocaleString";
},
toString: function () {
return "p2 toString";
}
};
var p = [p1, p2];
alert(p);
alert(p.toString());
alert(p.toLocaleString());结果显示第一行和第二行调用的是toString方法，第三行调用的是toLocaleString方法。
数组继承的toLocaleString()、toString()和valueOf()方法默认以逗号分隔字符串形式返回数组项。通过join()方法，可使用不同字符分割字符串并返回包含所有数组项的字符串。
var cities = ["shanghai", "beijing", "shenzhen"];
alert(cities); // shanghai,beijing,shenzhen
alert(cities.join(","));// shanghai,beijing,shenzhen
alert(cities.join("|"));// shanghai|beijing|shenzhen栈与队列操作方法
3. 栈方法
栈是一种后进先出(LIFO)的数据结构，数据项的插入和移除仅发生在栈顶。JavaScript数组提供了push()和pop()方法以实现类似栈的行为。
push()方法
该方法可接收任意数量的参数，将其添加到数组末尾，并修改数组长度。
var params = new Array();
var count = params.push("a", "b");
alert(params); // a,b
alert(count); // 2从上述示例可见，push()方法返回的是插入的项数。
pop()方法
该方法从数组末尾移除最后一项，减少数组长度，并返回被移除的项。
var params = new Array();
var count = params.push("a", "b", "c");
var item = params.pop();
alert(item); // c
alert(params.length); // 24. 队列方法
队列数据结构的访问规则为先进先出(FIFO)，即从队列末端添加项，从队列前端移除项。
shift()方法
JavaScript提供了shift()方法，用于移除数组中的第一项并返回该项，同时修改数组的length属性。
var params = new Array();
var count = params.push("a", "b", "c");
var item = params.shift(); // 取得第一项
alert(item); // a
alert(params.length); // 2unshift()方法
JavaScript还提供了unshift()方法，能在数组前端添加任意数量的项并返回新数组的长度。
var params = new Array();
var count1 = params.unshift("a");
alert(count1); // 1
alert(params); // a
var count2 = params.unshift("b");
alert(count2); // 2
alert(params); // b,a
var count3 = params.unshift("c", "d");
alert(params); // c,d,b,a观察发现，若一次unshift()调用中包含多项，这些项会按顺序插入数组，即第一个参数插入最前面。如示例所示，第一次插入“a”，第二次在数组最前面插入“b”，第三次包含多项时，顺序为c在前，d在后。
数组重排序与操作方法
5. 重排序方法
数组提供了两个直接用于重排序的方法。
reverse()方法
reverse()方法会反转数组项的顺序。
var values = [1,2,3,4,5];
values.reverse();
alert(values); // 5,4,3,2,1sort()方法
默认情况下，sort()方法按升序排列数组项。为实现排序，sort()方法会调用每个数组项的toString()转型方法，然后比较得到的字符串。因此，sort()方法比较的是字符串。
var values = [3,5,53,2,34];
values.sort();
alert(values); // 2,3,34,5,53然而，这种排序基本无意义，我们需要对数值进行排序。sort()方法可接收一个比较函数作为参数，以指定排序规则。
比较函数接收两个参数，若第一个参数应位于第二个参数之前则返回负数，若两参数相等则返回0，若第一个参数位于第二个参数之后则返回正数。
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
var values = [3,5,53,2,34];
values.sort(compare);
alert(values); // 2,3,4,34,536. 操作方法
concat()方法
该方法基于当前数组中的所有项创建一个新数组。它创建当前数组的副本，将参数添加到副本末尾，然后返回新构建的数组。若传递给concat()方法的是一个或多个数组，则会将该数组中的每一项添加到数组中。
var arrays = ["a", "b", "c"];
var arrays2 = arrays.concat("d", ["e", "fe"]);
alert(arrays); // a,b,c
alert(arrays2); // a,b,c,d,e,fslice()方法
该方法基于当前数组中的一或多个项创建一个新数组。slice()方法可接收一个或两个参数，即要返回项的起始和结束位置。当仅有一个参数时，返回从起始项到数组末尾的所有项；当有两个参数时，返回起始位置和结束位置之间的项（不包括结束项）。slice()方法不会影响原数组。
var cities = ["beijing", "shanghai", "shenzhen", "guangzhou"];
var cities2 = cities.slice(1);
var cities3 = cities.slice(1,3);
alert(cities2); // shanghai,shenzhen,guangzhou
alert(cities3); // shanghai,shenzhensplice()方法
splice()方法主要用于向数组中部插入项，使用方式有3种：
• 删除 可以删除任意数量的项，指定2个参数：要删除的第一项和删除的项数，如：splice(1,3)会删除数组中的第2、3、4项
var cities = ["beijing", "shanghai", "shenzhen", "guangzhou"];
cities.splice(1,3);
alert(cities); // beijing• 插入 可以向指定位置插入任意数量的项。指定3个参数：起始位置、0(要删除的项数)、要插入的项
var cities = ["beijing", "shanghai", "shenzhen", "guangzhou"];
cities.splice(1,0,"hongkong");
alert(cities); // beijing,hongkong,shanghai,shenzhen,guangzhou• 替换 可以替换指定位置的项。指定3个参数：起始位置、要删除的项、要插入的任意项。
var cities = ["beijing", "shanghai", "shenzhen", "guangzhou"];
cities.splice(1,2,"hongkong");
alert(cities); // beijing,hongkong,guangzhou数组位置查找与迭代归并方法
7. 位置方法
JavaScript中有两个位置方法：indexOf()方法和lastIndexOf()方法。这两个方法都接收两个参数：要查找的项和(可选)表示查找起点位置的索引。
indexOf()方法表示从数组的开头向后查找，lastIndexOf()则从数组的末尾开始向前查找。它们都返回查找的项在数组中的位置，如果没有找到则返回-1。在第一个参数与数组中的每一项比较时使用的是全等。
var nums = [1,2,3,4,5,6];
alert(nums.indexOf(3)); // 2
alert(nums.lastIndexOf(5)); // 4
alert(nums.indexOf(3,1)); // 2
alert(nums.lastIndexOf(4,4)); // 38. 迭代方法
JavaScript为数组提供了5个迭代方法。每个方法接收两个参数：要在每一项上运行的函数和(可选)运行该函数的作用域对象——影响this的值。需要传入的参数：数组项的值、该项在数组中的位置和数组对象本身。
•every(): 对数组中的每一项运行给定函数，如果该行数对每一项都返回true，则返回true
•filter(): 对数组中的每一项运行给定函数，返回会返回true的项组成的数组
•foreEach(): 对数组中的每一项运行给定函数，没有返回值
•map(): 对数组中的每一项运行给定函数，返回每次函数调用的结果组成的函数。
•some(): 对数组中的每一项运行给定函数，如果任一项返回true，则函数返回true
以上方法都不会修改数组中包含的值。
9. 归并方法
JavaScript中有两个归并数组的方法：reduce()和reduceRight()。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中，reduce()方法从数组第一项开始，而reduceRight()则从数组的最后一项开始。
它们都可以接收两个参数：一个在每一项上调用的函数和(可选)作为归并基础的初始值。传递给reduce()和reduceRight()的函数接收4个参数：前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev+cur;
});
alert(sum); // 15第一次执行回调函数，prev是1，cur是2。第二次，prev是3(1+2),cur是3(数组第三项的值)，知道每一项都访问到。
reduceRight()的作用类似，只不过方向相反而已。
以上这篇JavaScript:Array类型全面解析就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持本站。