vue常用的数组方法

最新推荐文章于 2024-02-23 09:27:13 发布

超可爱亚.

最新推荐文章于 2024-02-23 09:27:13 发布

阅读量186

点赞数

本文链接：https://blog.csdn.net/weixin_58375506/article/details/118519890

版权

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

  未来会经常使用的有
    map filter some find


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>

    const stus = [
      {
        name: "张三",
        age: 19,
        sex: '男'
      },{
        name: "李四",
        age: 20,
        sex: '女'
      },{
        name: "王五",
        age: 18,
        sex: '女'
      },{
        name: "赵六",
        age: 16,
        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)
  </script>
</body>
</html>