front-end-77
/
15-数组方法filter.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>15-数组方法filter.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script>
      // filter 过滤  返回 过滤后的数组
      const arr = [1, 3, 5, 7, 9];
      // 返回 大于 3的数据  重新组成数组  low!!!
      // const newArr = [];
      // arr.forEach(function (value) {
      //   if (value > 3) {
      //     newArr.push(value);
      //   }
      // });
      // console.log(newArr);

      // filter 会遍历数组 返回 满足了你条件的（函数内 返回true！！ ）  新的数组
      const newArr = arr.filter(function (value) {
        if (value > 3) {
          // 满足条件的元素
          return true;
        } else {
          return false;
        }
      });

      // 想一想 结合箭头函数 简写！！
      const newArr2 = arr.filter((value) => value > 3);

      console.log(newArr);
    </script>
  </body>
</html>