JavaScript array 常用的操作

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()，主要取决于要从哪头开始遍历数组。除此之外，它们完全相同。