js数组方法（史上最全）

一、创建数组

1、使用字面量方式

const arr = [1,2,3,4]

2、使用Array构造方法

//无参构造
const arr = new Array()
//有参构造
const arr = new Array(3) //3表示数组的长度，必须是数字
const arr = new Array(3,4) //参数个数大于1的时候，表示创建一个包含指定元素的数组，[3,4]

3、Array.of方法创建数组（es6）

ES6为数组新增创建方法的目的之一，是帮助开发者在使用Array构造器时避开js语言的一个怪异点。Array.of()方法总会创建一个包含所有传入参数的数组，而不管参数的数量与类型。

let arr = Array.of(1, 2);
console.log(arr.length);//2

let arr1 = Array.of(3);
console.log(arr1.length);//1
console.log(arr1[0]);//3

let arr2 = Array.of('2');
console.log(arr2.length);//1
console.log(arr2[0]);//'2'

3、Array.from方法创建数组（es6）

在js中将非数组对象转换为真正的数组是非常麻烦的。在ES6中，将可迭代对象或者类数组对象作为第一个参数传入，Array.from()就能返回一个数组。

function arga(...args) {
   
    let arg = Array.from(arguments);
    console.log(arg);
}

arga('arr1', 26, 'from'); // ['arr1',26,'from']

映射转换

如果你想实行进一步的数组转换，你可以向Array.from()方法传递一个映射用的函数作为第二个参数。此函数会将数组对象的每一个值转换为目标形式，并将其存储在目标数组的对应位置上。

function arga(...args) {
   
    return Array.from(arguments, value => value + 1);
}

let arr = arga('arr', 26, 'pop');
console.log(arr);//['arr1',27,'pop1']

如果映射函数需要在对象上工作，你可以手动传递第三个参数给Array.from()方法，从而指定映射函数内部的this值

const helper = {
   
  diff: 1,
  add(value) {
   
    return value + this.diff;
  }
}

function translate() {
   
  return Array.from(arguments, helper.add, helper);
}

let arr = translate('liu', 26, 'man');
console.log(arr); // ["liu1", 27, "man1"]

二、数组方法

1、concat

concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

const array1 = [22, 3, 31, 12];
const array2 = [19, 33, 20];
const newArray = array1.concat(10, array2, 9);
console.log(array1); // [22, 3, 31, 12]
console.log(newArray);</