数组常用方法汇总

Array.length

• 返回或设置一个数组中的元素个数
• 设置 length 属性的值来截断任何数组

Array.from() :

• 对伪数组或可迭代对象(包括arguments Array,Map,Set,String…)转换成数组对象

• 语法 Array.from(arrayLike, mapFn, thisArg)

  arrayLike
  想要转换成数组的伪数组对象或可迭代对象。

  mapFn (可选参数)
  如果指定了该参数，新数组中的每个元素会执行该回调函数。

  thisArg (可选参数)
  可选参数，执行回调函数 mapFn 时 this 对象。

  返回值
  一个新的数组实例

Array.isArray()

• 用于确定传递的值是否是一个 Array

    Array.isArray([]) => true;
    Array.isArray({}) => false;

Array.of()

Array.of(7);       // [7] 
Array.of(1, 2, 3); // [1, 2, 3]

Array(7);          // [ , , , , , , ]
Array(1, 2, 3);    // [1, 2, 3]

concat()

• 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。

    var arr1 = ['a', 'b', 'c'];
    var arr2 = ['d', 'e', 'f'];
    var arr3 = ['f'];
    var arr4 = arr1.concat(arr2,arr3);
    // arr4 is a new array [ "a", "b", "c", "d", "e", "f" ]

copyWithin(target, start, end)

• 浅复制数组的一部分到同一数组中的另一个位置

every(callback)

• 方法测试数组的所有元素是否都通过了指定函数的测试

fill()

• 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素

arr.fill(value, start, end)
ar numbers = [1, 2, 3]
numbers.fill(1);
// results in [1, 1, 1]

filter()

• 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素

var arr= [1,10,20,30]
var brr = arr.filter((item)=>{
    return item>10;
})
//[20,30]

find()

• 返回数组中满足提供的测试函数的第一个元素的值

    function isBigEnough(element) {
    return element >= 15;
    }
    [12, 5, 8, 130, 44].find(isBigEnough); // 130

findIndex()

• 返回数组中满足提供的测试函数的第一个元素的索引

function isBigEnough(element) {
  return element >= 15;
}
[12, 5, 8, 130, 44].findIndex(isBigEnough); 
//'3'

forEach()

• 方法对数组的每个元素执行一次提供的函数

array.forEach(callback(currentValue, index, array){
    //do something
}, this)

includes()

• 用来判断一个数组是否包含一个指定的值，如果是，酌情返回 true或 false

let a = [1, 2, 3];
a.includes(2); 
// true 
a.includes(4); 
// false

indexOf()

• 返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1

let a = [2, 9, 7, 8, 9]; 
a.indexOf(2); // 0 
a.indexOf(6); // -1
a.indexOf(7); // 2
a.indexOf(8); // 3
a.indexOf(9); // 1
if (a.indexOf(3) === -1) {
  // 数组中不包含3
}

join()

• 将数组（或一个类数组对象）的所有元素连接到一个字符串中

let a = ['Wind', 'Rain', 'Fire'];
a.join(); 
// 默认为 ","
// 'Wind,Rain,Fire'

lastIndexOf()

• 返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找

map()

• 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果

pop()

• 从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度

let a = [1, 2, 3];
a.length; // 3
a.pop(); // 3

push()

• 将一个或多个元素添加到数组的末尾

reduce()

• 累加器和数组中的每个元素（从左到右）应用一个函数

var total = [0, 1, 2, 3].reduce(function(sum, value) {
  return sum + value;
}, 0);
// total is 6

reduceRight()

• 接受一个函数作为累加器（accumulator）和数组的每个值（从右到左）将其减少为单个值。

let flattened = [
    [0, 1], 
    [2, 3], 
    [4, 5]
].reduceRight((a, b) => {
    return a.concat(b);
}, []);

reverse

• 方法将数组中元素的位置颠倒。

shift()

• 从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度

slice

• 返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象

some()

• 测试数组中的某些元素是否通过由提供的函数实现的测试。

const isBiggerThan10 = (element, index, array) => {
  return element > 10;
}

[2, 5, 8, 1, 4].some(isBiggerThan10);  
// false

[12, 5, 8, 1, 4].some(isBiggerThan10); 
// true

sort()

• 当的位置对数组的元素进行排序，并返回数组。

splice()

• 通过删除现有元素和/或添加新元素来更改一个数组的内容

toLocaleString()

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

var number = 1337;
var date = new Date();
var myArr = [number, date, "foo"];
var str = myArr.toLocaleString(); 
console.log(str); 
// 输出 "1,337,2017/8/13 下午8:32:24,foo"
// 假定运行在中文（zh-CN）环境，北京时区

toString()

• 返回一个字符串，表示指定的数组及其元素

unshift()

• 将一个或多个元素添加到数组的开头，并返回新数组的长度