数组中常用的方法

创建数组

var arr = [1, 2, 3] //123
var arr1 = new Array()//[]
var arr2 = Array(1, 2, 3)//1,2,3
var arr3 = Array(3)//[,]

数组的常用方法

Array.isArray()方法 判断是否是一个数组

javaScript中数组的每一项可以保存任何类型的数据，数组的大小可以动态调整，数组的长度保存在其length数字那个中。
验证一个变量是否是数组
使用 typeof 验证数组一般会返回 object。可以使用以下方法验证数组。
instanceof操作符
Array.isArray()方法

        var arr = [1,2,"3","4",5]
        var obj = {name:"xu", age:20}
        console.log(arr.length)//5

        console.log(arr instanceof Array)//true
        console.log(obj instanceof Array)//false

        console.log(Array.isArray(arr))//true
        console.log(Array.isArray(obj))//false

Array.of() 返回一个由参数组成的数组

let arr = Array.of(1,2,3,)
console.log(arr); // [ 1, 2, 3 ]

Array.from() 将数组对象转换为数组 不改变原对象 返回新数组

    let a = { 0: '1', 1: '2', 2: '3', 'length': 3 };//对象
    let arr5 = Array.from(a)
    console.log(arr5) //[ '1', '2', '3' ]
 
    let b = Array.from('hello')//字符串
    console.log(b) //[ 'h', 'e', 'l', 'l', 'o' ]
 
    let arrset = Array.from(new Set('func'))
    console.log(arrset)//[ 'f', 'u', 'n', 'c' ]
 
    let arrMap = Array.from(new Map().set([1, 2], [3, 4], [5, 6]))
    console.log(arrMap)//[ [ [ 1, 2 ], [ 3, 4 ] ] ]
    //类似map方法
    let thearr = Array.from([1, 2, 3], x => x * 2)
    console.log(thearr)//[ 2, 4, 6 ]

pop() 删除数组最后一个元素（改变原数组） 返回被删除的元素

  {
        let arr = [1, 2, 3]
        let deleteitem = arr.pop()//3
        console.log(arr)//[1,2]
    }

shift() 删除数组的第一个元素 (改变原数组) 返回被删除的元素

{
        let arr = [1, 2, 3]
        let deleteitem = arr.shift()//1
        console.log(arr)//[2,3]
    }

push() 向末尾添加元素（改变原数组） 返回添加后的length

 {
      let arr = [1, 2, 3]
      let thelength = arr.push(5)
      console.log(thelength);//4
      console.log(arr)//[1,2,3,5]
    }

unshift() 向数组开头添加元素（改变原数组） 返回添加后数组的length

 {
        let arr = [1, 2, 3]
        let thelength = arr.unshift(4)
        console.log(thelength);//4
        console.log(arr)//[4,1,2,3]
    }

reverse() 反转数组 改变原数组

{
        let arr = [1, 2, 3]
        arr.reverse()
        console.log(arr)//[3, 2, 1]
    }

splice() 添加/删除/替换 当前数组改变

表达式 arr.splice(index, num, item1, item2, …);

参数说明

第一个参数为 一个整数，用来指定添加/删除元素的位置，可以用负数来从尾部开始数 必填参数
第二个参数为 删除元素的数量，若不想删除可以设置为0 可选参数
再后面的参数为 向数组添加的元素 可选参数
如果是删除操作,那么会把删除的元素放在一个新数组中返回。

1.操作的元素会包括开始的元素

2.如果数组的元素不够，会一直删除到数组的最后一位

 //删除元素
    let arrsplice = [1, 2, 3, 4, 5, 6]
    let before = arrsplice.splice(0, 3)
    console.log(before)//[ 1, 2, 3 ]
    console.log(arrsplice)//删除后arraplice 为删除后的样子 [ 4, 5, 6 ]
    let after = arrsplice.splice(-1, 1)//删除最后一位
    console.log(after)//[ 6 ]
    console.log(arrsplice);//[ 4, 5 ]
 
    //添加元素
    {
        let arr = [1, 2, 3, 4, 5]
        let addFromStart = arr.splice(0, 0, 7)//没有删除 并向第一位添加一个数值
        console.log(arr)//[ 7, 1, 2, 3, 4, 5 ]
        console.log(addFromStart)//[]

       let addFromEnd = arr.splice(-1, 0, 6)//从最后以为开始向前添加元素，
       console.log(arr)//[7, 1, 2, 3, 4, 6, 5]
       console.log(addFromEnd)//[]
    }
 
    //删除并添加 /替换
    {
        let arr = [1, 2, 3, 4, 5, 6, 7]
        let addAndeDelete = arr.splice(0, 1, 100)
        console.log(addAndeDelete);//[1]
        console.log(arr)//[100,2,3,4,5,6,7]
    }

sort() 数组排序 (改变原数组) 参数为规定排序的比较函数(非必填)

{
        // 默认情况下，不传参数的话，默认按字母升序，若为非字符串,则先调用toString()将元素转化为字符串的 Unicode ,再进行字符串比较
        let arr = ["A", "C", "B", "E", "D"];
        arr.sort();
        console.log(arr); //["A","B","C","E","D"]
    }
    {   //数组的升序与降序排序
        let arr = [1, 0, 5, 4, 9, 45, 78, 6, 14, 2];
        arr.sort((a, b) => a - b)
        console.log(arr)//[0, 1, 2, 4, 5, 6, 9, 14, 45, 78]
    }
    { //按年龄排序，若年龄相同，就女士(sex属性为0) 排在男士(sex属性为1)之前
        let arr = [{ age: 18, sex: 0 }, { age: 19, sex: 0 }, { age: 20, sex: 0 }, { age: 18, sex: 1 }, { age: 19, sex: 1 }];
        arr.sort((a, b) => {
            if (a.age === b.age) { //若年龄相同就按性别排，女士优先
                return a.sex - b.sex;
            } else { //年龄不相同就默认按年龄排升序
                return a.age - b.age;
            }
        })
        console.log(arr)
    }
    //[
  { age: 18, sex: 0 },
  { age: 18, sex: 1 },
  { age: 19, sex: 0 },
  { age: 19, sex: 1 },
  { age: 20, sex: 0 } 
]

copyWithin() 数组的指定位置复制[改变原数组、ES6]

语法：arr.copyWithin(index, start, end)

第一个参数：复制到指定目标索引位置。

第二个参数：元素复制的起始位置 (可选)

第三个参数：停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。(可选)

 {
        let arr = [1, 2, 3, 4, 5, 6];
        let a = arr.copyWithin(2, 0, 3);
        console.log(arr)// [1, 2, 1, 2, 3, 6]
    }

fill()数组的填充 [改变原数组、ES6]

语法：arr.fill(value, start, end)

value 必需。填充的值。

start 可选。开始填充位置。

end 可选。停止填充位置 (默认为 array.length)

{
        let arr = new Array(3)
        arr.fill('填充')
        console.log(arr)//["填充", "填充", "填充"]
        arr.fill('位置', 0, 1)
        console.log(arr)// ["位置", "填充", "填充"]
    }

slice() 拷贝数组元素 [不改变原数组]

两个参数为 复制索引开始 和复制索引结束

{
        let a = [1, 2, 3, 4]
        let b = a.slice(0, 2)
        console.log(b)//[1,2]
    }

join()将数组转换为字符串[不改变原数组]

可选参数为指定分隔符

{
        let arr = [1, 2, 3, 4]
        let b = arr.join('-')
        console.log(b)//1-2-3-4
        console.log(typeof b)//string
    }

concat() 连接合并多个数组，返回新数组。[不改变原数组]

{
        let a1 = [1, 2]
        let a2 = [4, 5]
        let a3 = [6, 7]
        let a4 = a1.concat(a2, a3)
        console.log(a4)// [1, 2, 4, 5, 6, 7]
    }

toString() 方法可把数组转换为字符串，并返回结果。[不改变原数组]

  {
        let arr = ['zhang', 'qian', 24]
        let b = arr.toString()
        console.log(b)//zhang,qian,24
    }

indexOf() 查找数组中某元素的第一个索引值。[不改变原数组] 如果没有就返回-1

第一个参数为查找的值 第二个参数为查找的起始位

 {
        let arr = [1, 2, 3, 4, 5, 6]
        console.log(arr.indexOf(3))//2 
        console.log(arr.indexOf(3, 3))//-1
        console.log(arr.indexOf(8))//-1
    }

lastIndexOf() 逆向查找指定元素在数组中的第一个位置。[不改变原数组]

第一个参数为查找的值 第二个参数为逆向查找的起始位

 {
        let arr = [1, 1, 3, 4, 5, 1];
        console.log(arr.lastIndexOf(1))//5
        console.log(arr.lastIndexOf(1, -2))//1
    }

includes() 查找数组是否包含某个元素。[不改变原数组,]

第一个参数为要查找的值 必填

第二个为查找的起始位置

返回值 true或false

{
        let arr = [1, NaN, 100, '42'];
        console.log(arr.includes(1)); //true
        console.log(arr.includes(NaN)); //true
        console.log(arr.includes(1, 3)); //false
 
    }