36-数组遍历的方法土豆的小案例

最新推荐文章于 2023-12-27 00:01:59 发布

、七

最新推荐文章于 2023-12-27 00:01:59 发布

阅读量94

点赞数 1

分类专栏：前段文章标签： javascript

本文链接：https://blog.csdn.net/weixin_57337549/article/details/118739670

版权

前段专栏收录该内容

25 篇文章 0 订阅

订阅专栏

    const potatoes = [
      {weight: 100, id: 1},
      {weight: 130, id: 2},
      {weight: 124, id: 3},
      {weight: 137, id: 4},
      {weight: 184, id: 5},
      {weight: 284, id: 6},
      {weight: 190, id: 7},
      {weight: 146, id: 8},
      {weight: 164, id: 9},
      {weight: 283, id: 10},
      {weight: 172, id: 11}
      ]

forEach语句：

    // 刚开始，土豆太小 要催熟 让他们每个+ 100g
    // forEach 替代for循环
    potatoes.forEach((potato, index, arr) => {
      potato.weight += 100
    })
    console.log(potatoes)

map语句

    // 农场主：统计下所有土豆的重量 [200, 230, xxx, xxx, xxx]
    // map 遍历函数中返回什么值，就会将什么值放入返回值 返回值是个新数组
    const potatoesWeight = potatoes.map(potato => potato.weight)
    console.log(potatoesWeight)

reduce语句：

    // 农场主：计算下一共多种
    // 第一参数是上次遍历函数的返回值
    const totalWeight = potatoes.reduce((sum, potato) => sum += potato.weight, 0)
    console.log(totalWeight)

some语句：

    // 收购商：有大土豆吗？ wieght >= 250
    // some的返回值是布尔值，如果遍历函数中有一个返回值是true，则结果为true，全部为false，则结果为false
    const hasBigPotato = potatoes.some(potato => potato.weight >= 250)
    console.log(hasBigPotato)

every语句：

    // 收购商：都是大土豆吗？ 
    // every 的返回值是布尔值，如果有一个为false 则结果为false 全部为true，则为true
    const isAllBigPotato = potatoes.every(potato => potato.weight >= 250)
    console.log(isAllBigPotato)

fliter语句：

    // 收购商：把大土豆给我捡出来
    // filter返回值是数组 遍历函数返回的为true，则正在遍历的那个potato，放到对应的数组中
    const bigPotatoes = potatoes.filter(potato => potato.weight >= 250)
    console.log(bigPotatoes)

find语句;

    // 顾客：给我挑个大土豆
    // 返回值为第一个符合条件的遍历到的potato 
    const bigPotato = bigPotatoes.find(potato => potato.weight >= 250)
    console.log(bigPotato)

findIndex语句：

    // 顾客：这个土豆是那一排的第几个
    // 返回值为第一个符合条件的遍历到的potato的下标
    const bigPotatoIndex = bigPotatoes.findIndex(potato => potato.weight >= 250)
    console.log(bigPotatoIndex)
dIndex(potato => potato.weight >= 250)
    console.log(bigPotatoIndex)