JS高级第一天

85 阅读1分钟
forEach 遍历数组
function forEach() {

        // forEach()	数组每个元素都执行一次回调函数。    = 类似以前的for   forEach 高阶函数(可以接收一个形参-函数)

        // for循环可以通过 break来打断、 forEach不能通过break打断

        const arr = ['a', 'b', 'c'];

        // 分别打印他们

        arr.forEach(function (value, index) {

          console.log(`值 是 ${value}  下标是 ${index}`);

        });

        arr.forEach((value, index) =>

          console.log(`值 是 ${value}  下标是 ${index}`)

        );

        arr.forEach((value) => console.log(`值 是 ${value}`));

      }
map根据旧数组 重新改造成新数组
const texts=["刘11","郭11","林11"];

        const newTexts=texts.map(value=>`<div>${value}</div>`);

        // console.log(newTexts);

        // // [<div>刘11</div>,<div>郭11</div>,<div>林11</div>] 

        // // 把它转成字符串

        const html=newTexts.join("");// <div>刘德华</div><div>郭德纲</div><div>林志颖</div>

        // console.log(html);

        document.body.innerHTML=html;
filter 过滤数组或者筛选
function filter() {

        // 过滤, 过滤出满足条件的数据 =>新的数组

        const arr = [1, 2, 3, 4, 5, 6, 7];

        // 返回 奇数

        // const newArr = arr.filter((value) => {

        //   // 如果你return 了 true 表示当前的value你想要

        //   if (value % 2 !== 0) {

        //     // value  1 2 3 4 5 6

        //     // value%2!==0   value=[1,3,5,7]

        //     // 奇数

        //     return true;

        //   } else {

        //     return false;

        //   }

        // });

        // const newArr = arr.filter((value) => value % 2 !== 0);

        console.log(newArr);
every要求数组中每一个元素都满足条件返回true
    every:   会返回true或者false

       要求数组中每一个元素都符号条件,every 得到true

       如果空的数组调用了every。 得到结果 也是true
 // // every当中的函数,要求每一个都returntrue 最后 every的返回值才是true

        // const result = arr.every((value) => {

        //   if (value < 5) {

        //     return true;

        //   } else {

        //     return false;

        //   }

        // });

        // console.log(result);



        // 有一个数组,存放每一个人 关于肺炎的检查结果

        // const arr = [true, true, true, true, true]; // true就表示安全,false 中招

        // 我想要判断一下  这个人群安不安全  (只要有一个为false,不安全) 要求每一个都为true才安全



        // const result = arr.every((value) => {

        //   if (value === true) {

        //     return true;

        //   } else {

        //     return false;

        //   }

        // });

        // console.log(result);
some 要求数组中最少有一个满足条件返回true
伪数组转真正数组 const arr=[...伪数组]
面上对象知识:

1650805799(1).png