Javascript Array数组检测

1.Array的声明

//创建数组有两种基本方式 //第一种使用Array的构造函数 var color = new Array() var color = new Array(20) var color = new Array("red","blue","yellow") //可以省略new操作符，进行声明。简写。 var color = Array() var color = Array(20) var color = Array("red","blue","yellow") //第二种方式，使用数组字面量进行声明 var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 var names = []; // 创建一个空数组 var values = [1,2,]; // 不要这样！这样会创建一个包含2 或3 项的数组 var options = [,,,,,]; // 不要这样！这样会创建一个包含5 或6 项的数组

2.Array的转化方法

// 所有对象都具有toLocaleString()、toString()和valueOf()方法 var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 alert(colors.toString()); // 这种形式的字符串"red,blue,green" alert(colors.valueOf()); // Array(3) ["red", "blue", "green"] alert(colors); // Array(3) ["red", "blue", "green"]

3.Array的栈方法

// push 后进先出 var colors = new Array(); // 创建一个数组 var count = colors.push("red", "green"); // 推入两项 alert(count); //2 count = colors.push("black"); // 推入另一项 alert(count); //3 var item = colors.pop(); // 取得最后一项 alert(item); //"black" alert(colors.length); //2

4.Array的队列方法

// 栈数据结构的访问规则是LIFO（后进先出）， // 而队列数据结构的访问规则是FIFO（First-In-First-Out，先进先出） // push在数组后端插入数据，shift在数组前端取得数据，实现先进先出的队列结构 var colors = new Array(); //创建一个数组 var count = colors.push("red", "green"); //推入两项 alert(count); //2 count = colors.push("black"); //推入另一项 alert(count); //3 var item = colors.shift(); //取得第一项 alert(item); //"red" alert(colors.length); //2 // 通过unshift前端插入数据，pop后端取走数据，实现反向模拟队列 var colors = new Array(); //创建一个数组 var count = colors.unshift("red", "green"); //推入两项 alert(count); //2 count = colors.unshift("black"); //推入另一项 alert(count); //3 var item = colors.pop(); //取得最后一项 alert(item); //"green" alert(colors.length); //2

5.Array的重排序

// 数组中直接用来重排序的方法：reverse()和sort() var values = [1, 2, 3, 4, 5]; values.reverse(); console.log(values); //5,4,3,2,1 // sort()方法会调用每个数组项的toString()转型方法， // 然后比较得到的字符串， 以确定如何排序。 var values = [0, 1, 5, 10, 15]; values.sort(); alert(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); alert(values); //0,1,5,10,15 // 降序 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); alert(values); // 15,10,5,1,0

6.Array的操作方法

// concat 方法 // array的拼接 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 // slice 方法 // 截取字符串 ，两边都包含 var colors = ["red", "green", "blue", "yellow", "purple"]; var colors2 = colors.slice(1); // 从下标1开始到最后 var colors3 = colors.slice(1,4); // 从下标1开始到下表4 console.log(colors2); //green,blue,yellow,purple console.log(colors3); //green,blue,yellow // splice()方法 // 主要用途包括 1.数组中部插入数据项 2.删除 3.插入 4.替换 始终返回数组 // 第一个参数 index 开始操作的位置 // 第二个参数 从index开始删除多少数据 // 第三个参数 插入的数据 var colors = ["red", "green", "blue"]; var removed = colors.splice(0,1); // 删除第一项 console.log(colors); // green,blue console.log(removed); // red，返回的数组中只包含一项 removed = colors.splice(1, 0, "yellow", "orange"); // 从位置1 开始插入两项 console.log(colors); // green,yellow,orange,blue console.log(removed); // 返回的是一个空数组 removed = colors.splice(1, 1, "red", "purple"); // 插入两项，删除一项 console.log(colors); // green,red,purple,orange,blue console.log(removed); // yellow，返回的数组中只包含一项 var fruits = ["Banana", "Orange", "Apple", "Mango"] fruits.splice(2,1,"Lemon","Kiwi") //输出结果 :Banana,Orange,Lemon,Kiwi,Mango

7.Array的位置方法

//方法：indexOf()和lastIndexOf(),返回index下标 var numbers = [1,2,3,4,5,4,3,2,1]; console.log(numbers.indexOf(4)); //3 console.log(numbers.lastIndexOf(4)); //5 console.log(numbers.indexOf(4, 4)); //5 console.log(numbers.lastIndexOf(4, 4)); //3 var person = { name: "Nicholas" }; var people = [{ name: "Nicholas" }]; var morePeople = [person]; console.log(people.indexOf(person)); //-1 console.log(morePeople.indexOf(person)); //0

8.Array迭代

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

// every var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.every(function(item, index, array){ return (item > 2); }); console.log(everyResult); //false // some var someResult = numbers.some(function(item, index, array){ return (item > 2); }); console.log(someResult); //true // filter var numbers = [1,2,3,4,5,4,3,2,1]; var filterResult = numbers.filter(function(item, index, array){ return (item > 2); }); console.log(filterResult); //[3,4,5,4,3] // map var numbers = [1,2,3,4,5,4,3,2,1]; var mapResult = numbers.map(function(item, index, array){ return item * 2; }); console.log(mapResult); //[2,4,6,8,10,8,6,4,2] // forEach // 它只是对数组中的每一项运行传入的函数。这个方法没有返回值， // 本质上与使用for 循环迭代数组一样。 var numbers = [1,2,3,4,5,4,3,2,1]; numbers.forEach(function(item, index, array){ //执行某些操作 });

9.Array的归并

// 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 是reduce的反向过程 var values = [1,2,3,4,5]; var sum = values.reduceRight(function(prev, cur, index, array){ return prev + cur; }); alert(sum); //15 // 使用reduce()还是reduceRight()，主要取决于要从哪头开始遍历数组。除此之外，它们完全相同。