高级数组方法去重,查找(新人不得不看)

我们今天说的是一些数组的方法

相信一写小伙伴们在数组去重的时候,和一些进行查找的时候大多时候的话我们用for去遍历的时候就很麻烦
今天就叫你爱上这些方法·

/* 
      forEach((item, index, arr) => {})
      map
      filter
      some
      every
      reduce
      find
      findIndex

      
      大家经常使用的可能有这些
        map filter some find
    */

我们先来使用一下
首先我们创建一个数组


    const stus = [
      {
        name: "张三",
        age: 19,
        sex: '男'
      },{
        name: "李四",
        age: 20,
        sex: '女'
      },{
        name: "王五",
        age: 18,
        sex: '女'
      },{
        name: "赵六",
        age: 16,
        sex: '男'
      },{
        name: "王耀亭",
        age: 22,
        sex: '男'
      }
    ]

我们如果想把这些学生放在东湖

  // 把这些学生放在东湖
    stus.forEach(student => student.classroom = "东湖")
    console.log(stus)

在这里插入图片描述

如果我们想叫把所有的学生姓名统计一下会把返回值放在新数组

  // const names = stus.map(student => student.name)
    // console.log(names)

在这里插入图片描述

获得所有的男生,如果返回值为true,则把当时正在遍历的student放在新数组


 const male = stus.filter(student => student.sex === '男')
    console.log(male)

在这里插入图片描述

看有没有大于18的返回的是布尔值

const isGte18 = stus.some(student => student.age >= 18)
    console.log(isGte18)


在这里插入图片描述

看是不是都大于18

 const isAllGte18 = stus.every(student => student.age >= 18)
    console.log(isAllGte18)


在这里插入图片描述

找年龄之合

  const ageTotal = stus.reduce((sum, student) => sum += student.age, 0)
    console.log(ageTotal)


在这里插入图片描述

查找王耀亭

 const _student = stus.find(student => student.name === "王耀亭")
    console.log(_student)


在这里插入图片描述
查找王耀亭下标
·


const index = stus.findIndex(student => student.name === "王耀亭")
    console.log(index)

在这里插入图片描述

上面的方法基本上我们要对数组的操作都能满足

给大家来个完整的集合

  // 把这些学生放在东湖
    stus.forEach(student => student.classroom = "东湖")
    console.log(stus)
    //.toFixed(2)这个方法的话可以叫我的数字保留两位小数

    // 把所有的学生姓名统计一下  会把返回值放在新数组
    const names = stus.map(student => student.name)
    console.log(names)


    // 获得所有的男生 如果返回值为true,则把当时正在遍历的student放在新数组
    const male = stus.filter(student => student.sex === '男')
    console.log(male)

    // 有没有大于18岁的
    const isGte18 = stus.some(student => student.age >= 18)
    console.log(isGte18)

    // 是不是都大于等于18岁
    const isAllGte18 = stus.every(student => student.age >= 18)
    console.log(isAllGte18)

    // 年龄之和
    const ageTotal = stus.reduce((sum, student) => sum += student.age, 0)
    console.log(ageTotal)

    // 查找王耀亭
    const _student = stus.find(student => student.name === "王耀亭")
    console.log(_student)

    // 查找下标
    const index = stus.findIndex(student => student.name === "王耀亭")
    console.log(index)


希望对小伙伴可以有帮助

看到这的都给个3连再走好不好

在这里插入图片描述

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值