title: 数组-知识总结
date: 2023-05-8 19:30:00
categories: 知识总结
tags: 数组

数组方法总结大全

toString()

把数组转换为字符串用逗号分割

    let  arr = ['zhansna','lisi','wangwu']
    console.log(arr.toString()) // 'zhansna,lisi,wangwu'

join()

将数组转换为字符串默认值是逗号分割，根据入参分割

     let  arr = ['zhansna','lisi','wangwu']
    console.log(arr.join('*')) // 'zhansna*lisi*wangwu'

pop()

删除数组最后一个元素，改变原数组，返回被删除数组

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    let x = fruits.pop();
    console.log(fruits) // ['Banana', 'Orange', 'Apple']
    console.log(x) // "Mango"

push()

在数组末尾新添加一个元素，返回数组的长度

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");
console.log(fruits) // ["Banana", "Orange", "Apple", "Mango","Kiwi"]
console.log(x) //  x 的值是 5

数组排序

sort()

数组排序

    var points = [40, 100, 1, 5, 25, 10];
    points.sort(function(a, b){return a - b});
        console.log(points) // [1, 5, 10, 25, 40, 100]
    var points = [40, 100, 1, 5, 25, 10];
    points.sort(function(a, b){return b - a});
        console.log(points) // [100, 40, 25, 10, 5, 1]

reverse()

数组反转

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();         // 反转元素顺序
    console.log(fruits) // ['Mango', 'Apple', 'Orange', 'Banana']

Math.max()

查找最大值

    let arr =[1,2,3,4]
    Math.max.apply(null,arr) // 4

Math.min()

查找最小值

    let arr =[1,2,3,4]
    Math.min.apply(null,arr) // 1

数组遍历方法

forEach()

    let arr = [1,2,3]
    arr.forEach((value,index,arr) =>{
        console.log(value,index,arr)
    })

map()

遍历数组根据 return 生成新的数组

    let arr = [1,2,3]
    arr.map((value,index,arr) =>{
        return value*2
    })

filter()

遍历数组，return 为 true 的情况下返回当前项组成新的数组

    let arr = [1,2,3]
    arr.map((value,index,arr) =>{
        // 当为true的情况下回返回 value 组成新的数组
        return value > 2
    })

reduce()

数组迭代器,遍历数组 返回值作为入参,最后的返回值输出

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce((total, value, index, array)=>{
    // total 初次为arr[0] value为arr[1]
    // 第二次进来为之前return的值 value为接下来的值
    console.log(total, value, index, array)
    // 45 4 1  [45, 4, 9, 16, 25]
    // 49 9 2  [45, 4, 9, 16, 25]
    // 58 16 3  [45, 4, 9, 16, 25]
    // 74 25 4  [45, 4, 9, 16, 25]
    return total + value
});
console.log(sum) // 99

every()

数组检查所有数组值是否通过检测,不是所有项都为 true 的话为 false

var numbers = [45, 4, 9, 16, 25];

let a = numbers.every((item) => {
    return item>18
    } )
console.log(a) // false

some()

数组遍历，如果有一项满足为 true 则返回 true

var numbers = [45, 4, 9, 16, 25];

let a = numbers.some((item) => {
    return item>18
    } )
console.log(a) // true

indexOf()

在数组中查找有返回下标没有返回-1

var fruits = ["Apple", "Orange", "Apple", "Mango"];
console.log(fruits.indexOf("ac")) // -1

find()

查找返回满足的第一个元素没有返回 undefined

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(item => item>100);
console.log(first) // undefined