美文网首页
es6循环的区别和用法

es6循环的区别和用法

作者: 努力study代码的小哪吒 | 来源:发表于2022-03-18 11:13 被阅读0次
    const ArrObj = [
    {imgs: [,…], bookContent: "gggggg"}
    {imgs: [,…], bookContent: "dafsdf"}
    {imgs: [,…], bookContent: "dafsdf"}
    ]
    
    • map的使用
    使用场景

    取数据或者数据对象中满足条件的某一项

    使用方法
    // 取数组中内容不为空的添加到新的数组this.roadBookList中
    ArrObj.map(v => {
       if (v.bookContent && v.imgs.length > 0) {
            this.roadBookList.push(v)
        }
    })
    
    
    • filter的使用
    使用场景

    返回过滤之后的数据

    使用方法
    // 取数组中内容不为空的添加到新的数组this.roadBookList中
    this.roadBookList = ArrObj.filter(v => v.bookContent && v.imgs.length > 0)
    
    • some与every
    使用场景

    返回判断数组对象中的某一项是否满足某些条件,接收参数为true\false

    使用方法
    some
    // 判断数组对象中isSelected为true且description为空时,则返回true
    // some 数组中有一项为true则返回true并退出循环
    this.isNull = this.parkingFees.some(parkingFee =>
       parkingFee.isSelected && !parkingFee.description
     )
    
    every
    // 判断数组中的每一个对象中的bookContent和imgs都为true,则返回true
    // every 数组中每一项为true才返回true
    const flag = this.roadBookList.every(item => {
       return item.bookContent && item.imgs.length
    })
    

    相关文章

      网友评论

          本文标题:es6循环的区别和用法

          本文链接:https://www.haomeiwen.com/subject/synvdrtx.html