数组常用方法

前言

总结一下常用的数组方法

正文

1. map
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

    var arr = [1,2,3,4,5]

    const newarr = arr.map(x=>x*2)
    console.log(newarr); //[2, 4, 6, 8, 10]
    
    var new_array = arr.map(function callback(currentValue[, index[, array]]) {
		 // Return element for new_array }[, 
		thisArg])

参数

• callback
  生成新数组元素的函数，使用三个参数：
• currentValue
  callback 数组中正在处理的当前元素。
• index可选
  callback 数组中正在处理的当前元素的索引。
• array可选
  callback map 方法被调用的数组。
• thisArg可选
  执行 callback 函数时使用的this 值。
  如果 thisArg 参数有值，则每次 callback 函数被调用的时候，this 都会指向 thisArg 参数上的这个对象。如果省略了 thisArg 参数,或者赋值为 null 或 undefined，则 this 指向全局对象 。

2.push
push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。

var animals = ['pigs', 'goats', 'sheep'];

console.log(animals.push('cows'));    // 4

console.log(animals);   // ["pigs", "goats", "sheep", "cows"]

animals.push('chickens');

console.log(animals);

语法

arr.push(element1, ..., elementN)

参数

• elementN
  被添加到数组末尾的元素。
  返回值
  当调用该方法时，新的 length 属性值将被返回。

3.pop
该pop()方法从数组中删除最后一个元素并返回该元素。此方法更改数组的长度。

var plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());   //  "tomato"

arr .pop（）

从数组中删除的元素; undefined如果数组为空。

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

var array1 = [1, 2, 3];

var firstElement = array1.shift();

console.log(array1);
// expected output: Array [2, 3]

console.log(firstElement); //  1

arr.shift()

从数组中删除的元素; 如果数组为空则返回undefined 。

5.sort
sort() 方法用原地算法对数组的元素进行排序，并返回数组。排序算法现在是稳定的。默认排序顺序是根据字符串Unicode码点。

arr.sort([compareFunction])

• 参数
  compareFunction 可选
  用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的各个字符的Unicode位点进行排序。
  firstEl
  第一个用于比较的元素。
  secondEl
  第二个用于比较的元素。

• 返回值
  排序后的数组。请注意，数组已原地排序，并且不进行复制。

数字升序 降序比较

    var arr = [1,5,3,6,7,2,3,9]

    //升序
    arr.sort((a,b)=>a-b)

    console.log(arr);  //[1, 2, 3, 3, 5, 6, 7, 9]

    //降序
    arr.sort((a,b)=>b-a)

    console.log(arr);  //[9, 7, 6, 5, 3, 3, 2, 1]

5.from
Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。

Array.from(obj, mapFn, thisArg)

• 参数
  obj
  想要转换成数组的伪数组对象或可迭代对象。
  mapFn (可选参数)
  如果指定了该参数，新数组中的每个元素会执行该回调函数。
  thisArg (可选参数)
  可选参数，执行回调函数 mapFn 时 this 对象。
• 返回值
  一个新的数组实例

6.flat
该flat()方法创建一个新数组，所有子数组元素以递归方式连接到指定的深度。

var newArray = arr .flat（[depth]）;

• 参数部分
  depth 可选的
  深度级别指定嵌套数组结构应该展平的深度。默认为1。
• 返回值部分
  一个新的数组，子数组元素连接在一起。

7.toString
toString() 返回一个字符串，表示指定的数组及其元素。

var array1 = [1, 2, 'a', '1a'];

console.log(array1.toString());       //  "1,2,a,1a"

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

8.indexOf
iindexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。

var beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));    //  1

9. includes
includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。

var array1 = [1, 2, 3];

console.log(array1.includes(2));   //  true

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

var array1 = ['a', 'b', 'c'];
var array2 = ['d', 'e', 'f'];

console.log(array1.concat(array2));    // Array ["a", "b", "c", "d", "e", "f"]

11.reverse
reverse() 方法将数组中元素的位置颠倒,并返回该数组。该方法会改变原数组。

var array1 = ['one', 'two', 'three'];

var reversed = array1.reverse(); 
console.log('reversed: ', reversed);   // ['three', 'two', 'one']

12.join
join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

var elements = ['Fire', 'Wind', 'Rain'];

console.log(elements.join());  //  "Fire,Wind,Rain"

指定一个字符串来分隔数组的每个元素。如果需要，将分隔符转换为字符串。如果省略()，数组元素用逗号分隔。默认为 “,”。如果separator是空字符串("")，则所有元素之间都没有任何字符。

13.slice
slice() 方法返回一个新的数组对象，这一对象是一个由 begin和 end（不包括end）决定的原数组的浅拷贝。原始数组不会被改变。

var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));    //  ["camel", "duck", "elephant"]

参数

• begin 可选
  从该索引处开始提取原数组中的元素（从0开始）。
  如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2)表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。
  如果省略 begin，则 slice 从索引 0 开始。
• end可选
  在该索引处结束提取原数组元素（从0开始）。slice会提取原数组中索引从 begin 到 end 的所有元素（包含begin，但不包含end）。
  slice(1,4) 提取原数组中的第二个元素开始直到第四个元素的所有元素 （索引为 1, 2, 3的元素）。
  如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1)表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。
  如果 end 被省略，则slice 会一直提取到原数组末尾。
  如果 end 大于数组长度，slice 也会一直提取到原数组末尾。

14.splice
splice()方法通过删除或替换现有元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');   
onsole.log(months);     //['Jan', 'Feb', 'March', 'April', 'June']

参数

• start​
  指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位。
• deleteCount 可选
  整数，表示要移除的数组元素的个数。
  如果 deleteCount 是 0或者负数，则不移除元素。这种情况下，至少应添加一个新元素。
  如果 deleteCount 大于start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）。
  如果deleteCount被省略，则其相当于(arr.length - start)。
• item1, item2, … 可选
  要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

返回值

• 由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组。