es6循环的区别和用法

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循环的区别和用法)