javascript语法 --- forEach(),map(),filter(),includes(),startsWith(),find(),some(),every()

  • arr.forEach()

    遍历数组全部元素,利用回调函数对数组进行操作,自动遍历数组.length次数,且无法break中途跳出循环,因此不可控。
    不支持return操作输出,return只用于控制循环是否跳出当前循环。

    var arr = [1,2,3,4,5,] ;
    arr.forEach(function(item,index){
        console.log(item)
    })
    // 1
    // 2
    // 3
    // 4
    // 5
  • arr.map()
    1.创建新数组
    2.不改变原数组
    3.输出的是return什么就输出什么新数组
    4.回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
    5.使用return操作输出,会循环数组每一项,并在回调函数中操作

    let arr = [1,2,3,4,5]
    let newArr = arr.map(v => {
        return v*2
    })
    console.log(newArr)
    // [2,4,6,8,10]
    
    arr.map((index, item) => {
        console.log(index, item)
    })
    // 0 1
    // 1 2
    // 2 3
    // 3 4
    // 4 5
  • arr.filter()
    1.创建新数组
    2.不改变原数组
    3.输出的是判断为true的数组元素形成的新数组
    4.回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
    5.使用return操作输出,会循环数组每一项,并在回调函数中操作
     

    let arr = [1,2,3,4,5]
    let newArr = arr.filter(v => {
        return v > 1 && v < 4
    })
    console.log(newArr)
    // [2,3]
  • arr.includes()
    只是判断数组是否含有某值,不用return,不用回调函数,输出一个true或false

    let arr = [1,2,3,4,5]
    let boolean1 = arr.includes(1)
    console.log(boolean1)
    // true
  • startsWith()
    检测字符串以什么开头\结尾

    let boolean1 = str.startsWith(检测的内容)
    let boolean2 = str.endsWith(检测的内容)
  • arr.find()
    1.不创建新数组
    2.不改变原数组
    3.输出的是一旦判断为true则跳出循环输出符合条件的数组元素
    4.回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
    5.使用return操作输出,会循环数组每一项,并在回调函数中操作

    let arr = [1,2,3,4,5]
    let item = arr.find(v => {
        return v > 1 && v < 4
    })
    console.log(item)
    // 2
    
  • arr.some()
    1.不创建新数组
    2.不改变原数组
    3.输出的是判断为true则马上跳出循环并return成true
    4.回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
    5.使用return操作输出,会循环数组每一项,并在回调函数中操作

    let arr = [1,2,3,4,5]
    let boolean2 = arr.some(v => {
        return v > 1 && v < 4
    })
    console.log(boolean2)
    // true
  • arr.every() --- 与some() 相反
    1.不创建新数组
    2.不改变原数组
    3.输出的是判断为false则马上跳出循环并return成true
    4.回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
    5.使用return操作输出,会循环数组每一项,并在回调函数中操作

    let arr = [1,2,3,4,5]
    let boolean3 = arr.every(v => {
        return v > 1 && v < 4
    })
    console.log(boolean3)
    // false


     

猜你喜欢

转载自blog.csdn.net/qq_35415374/article/details/83107123
今日推荐