20170605-Array相关方法

创建数组

• var array = new Array();

• var array = new Array(10);

• var array = new Array("red","blue","green");

• var array = [];

• var array = [1,2,3,4,5,6];

检测数组

确定某个对象是否是数组：

• value instanceof Array

• Array.isArray(value)

转换方法：toString() valueOf() toLocaleString

• toString 方法返回一个字符串，该字符串由数组中的每个元素的 toString() 返回值经调用 join() 方法连接（由逗号隔开）组成

var monthNames = ['Jan', 'Feb', 'Mar', 'Apr'];
var myVar = monthNames.toString(); // assigns "Jan,Feb,Mar,Apr" to myVar.

• toLocaleString() 返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串，这些字符串将使用一个特定语言环境的字符串（例如一个逗号 ","）隔开。

• valueOf() 方法仍然会返回该数组 (如果放在console.log()中输出，会自动调用toString方法)

栈方法:让数组的行为类似于数据结构中的栈

• pop():删除数组的最后一个元素，并返回该元素

• push(): 在数组的末尾增加一个或多个元素，并返回新数组的长度

var numbers = [1, 2, 3];
numbers.push(4);
numbers.push(5,6,7);

队列方法

• shift():删除数组的第一个元素，并返回该元素

• push()

• unshift():在数组的开头增加一个或多个元素，并返回新数组的长度

排序方法 在原数组的基础上进行修改

• reverse(): 颠倒数组中元素的排列顺序

• sort(): 对数组元素进行排序，并返回当前数组，默认排序顺序是根据字符串的Unicode码点

var scores = [1, 10, 21, 2]; 
scores.sort();  // [1, 10, 2, 21]  

• sort(compareFunction): 对数组元素按照指定的比较方法进行排序，并返回当前数组

如果指明了 compareFunction ，那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素：

如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；
如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变。
如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。
compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果，否则排序的结果将是不确定的。

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

// [1, 2, 3, 4, 5]

其他方法

• fill() 方法将一个数组的所有元素从开始索引填充到具有静态值的结束索引

arr.fill(value, start, end)
value 用来填充数组元素的值
start 开始索引
end 结束索引
[1, 2, 3].fill(4)            // [4, 4, 4]
[1, 2, 3].fill(4, 1)         // [1, 4, 4]
[1, 2, 3].fill(4, 1, 2)      // [1, 4, 3]
[1, 2, 3].fill(4, 1, 1)      // [1, 2, 3]
[1, 2, 3].fill(4, -3, -2)    // [4, 2, 3]

• splice()方法:在任意的位置给数组添加或者删除任意个元素

array.splice(start[, deleteCount][,item1,item2, ...] )

var myFish = ["angel", "clown", "mandarin", "surgeon"];

//从第 2 位开始删除 0 个元素，插入 "drum"
var removed = myFish.splice(2, 0, "drum");
//运算后的 myFish:["angel", "clown", "drum", "mandarin", "surgeon"]
//被删除元素数组：[]，没有元素被删除

//从第 3 位开始删除 1 个元素
removed = myFish.splice(3, 1);
//运算后的myFish：["angel", "clown", "drum", "surgeon"]
//被删除元素数组：["mandarin"]

//从第 2 位开始删除 1 个元素，然后插入 "trumpet"
removed = myFish.splice(2, 1, "trumpet");
//运算后的myFish: ["angel", "clown", "trumpet", "surgeon"]
//被删除元素数组：["drum"]

//从第 0 位开始删除 2 个元素，然后插入 "parrot", "anemone" 和 "blue"
removed = myFish.splice(0, 2, "parrot", "anemone", "blue");
//运算后的myFish：["parrot", "anemone", "blue", "trumpet", "surgeon"]
//被删除元素的数组：["angel", "clown"]

//从第 3 位开始删除 2 个元素
removed = myFish.splice(3, Number.MAX_VALUE);
//运算后的myFish: ["parrot", "anemone", "blue"]
//被删除元素的数组：["trumpet", "surgeon"]

• concat(): 返回一个由当前数组和其他若干个数组或者若干个非数组值组合成的新数组

• includes():判断当前数组是否包含指定的值,如果是返回true,否则返回false

• join():连接所有数组元素组合成一个字符串,可以想join()传入连接符号作为参数

• slice():抽取当前数组中的一段元素组合成一个新数组

arr.slice();
arr.slice(begin);
arr.alice(begin, end)

var a = ['zero', 'one', 'two', 'three'];
var slice = a.slice(1,3);
console.log(slice); // ['one', 'two']

• indexOf():返回数组中第一个与指定值相等的元素的索引,如果找不到,则返回-1

• lastIndexOf():返回数组中最后一个与指定值相等的元素的索引,如果找不到,则返回-1

Iteration方法

• forEach():为数组中的每个元素执行一次回调函数

let a = ['a', 'b', 'c'];

a.forEach(function(element) {
    console.log(element);
});

// a
// b
// c

• entries()方法:返回一个新的Array Iterator 对象,该对象包含数组中每个索引的键值对

var arr = ["a", "b", "c"];
var iterator = arr.entries();
// undefined

console.log(iterator);
// Array Iterator {}

console.log(iterator.next().value); 
// [0, "a"]
console.log(iterator.next().value); 
// [1, "b"]
console.log(iterator.next().value); 
// [2, "c"]

• every()方法:如果数组中的每个元素都满足测试函数,则返回true,否则返回false

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed 的值为 false

• some()方法: 如果数组中至少有一个元素满足测试函数，则返回 true，否则返回 false。

• filter()方法: 将所有在过滤函数中返回 true 的数组元素放进一个新数组中并返回。

function isBigEnough(value) {
  return value >= 10;
}

var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]

• find()方法: 找到第一个满足测试函数的元素并返回那个元素的值，如果找不到，则返回 undefined。

• findIndex()方法: 找到第一个满足测试函数的元素并返回那个元素的索引，如果找不到，则返回 -1。

• map()方法:返回一个由回调函数的返回值组成的新数组。

• reduce()方法: 从左到右为每个数组元素执行一次回调函数，并把上次回调函数的返回值放在一个暂存器中传给下次回调函数，并返回最后一次回调函数的返回值。

var sum = [0, 1, 2, 3].reduce(function(acc, val) {
  return acc + val;
}, 0);

console.log(sum);
// 6