• 【精讲】Es6的数组的扩展方法,对象的扩展方法,字符串扩展方法,?. 对象层级深


    第一部分:数组的扩展方法

    1:includes 判断2是否在arr数组中 在就返回true反之为false

                 // let arr = [1,2,3,4]
                // console.log(arr.includes(2));

               //返回的值是true说明存在

     2: ** 幂运算

        // console.log(10**3);

    //返回值是1000,该语句的用意是10*10*10等于1000

     3:flat数组降维

       // const arr = [1,2,[3,4],5];
       // console.log(arr.flat(2));

      //这里的flag需要一个参数值,根据已输结果可得,返回的结果值是【1,2,3,4,5】

    4:flat和map的一个结合

        // const arr = [1,2,3,[5,[10,11],6,7],8,9];
        // const newarr = arr.flatMap((item)=>{
        //     return item;
        // });
        // console.log(newarr);//若返回的是[item]那么返回的值就是[1, 2, 3, Array(4), 8, 9]
       //若返回的值是item,那么返回的值就是 [1, 2, 3, 5, Array(2), 6, 7, 8, 9] 

     第二部分:对象的扩展方法

    对象内套数组

               // const str = {info:"班级信息",data:["张三","李四","王五"],major:"计算机专业"};
                // console.log(Object.keys(str));

               //获取所有的键['info', 'data', 'major']
                // console.log(Object.values(str));

              //获取所有的值['班级信息', Array(3), '计算机专业']
                // const arrMap = Object.entries(str);

              //把对象转成[[key,value],[ ],[ ]]
                // const myMap = new Map(arrMap);
                // console.log(myMap);

               //返回的值是Map(3) {'info' => '班级信息', 'data' => Array(3), 'major' => '计算机专业'}

     得到对象(下面第一块是整体,第二部分下面均为对内容的修改)

               // const Person = {realname:"张三"};

                //得到对象属性的描述
                // console.log(Object.getOwnPropertyDescriptor(Person,"name"));
                //  Person = Object.create(null,{
                //     realname:{
                //         value:"张三",
                //         writable:true,//开关  控制属性内容是否可以更改
                //         configurable:true,//判断属性是否可以配置,删除
                //         enumerable:true,//判断是否可枚举
                //     },
                // })

       对上述内容进行更改操作

               // Person.realname="李四";
                // console.log(Person.realname);

               // delete Person.realname;
                // console.log(Person);

               //即可删除全部内容

     // for(let key in Person){

     //     console.log(key);
         // }

    //返回值为变量名称

      fromEntries 把键值对的形式 转为对象,arr,map 

        // let arr = [["realname","张三"],["age",23]];
        // const Person =Object.fromEntries(arr);
        // console.log(Person);

     第三部分:字符串扩展方法

     trim 去除空格

    (由下面的几个打印结果可以分辨出trim控制哪个方向的空格,可以让空格取消)

                // const str = "  abc  ";
                // console.log(str);
                // console.log(str.trim());
                // console.log("-----"+str.trim()+"-----");
                // console.log("-----"+str.trimLeft()+"-----");
                // console.log("-----"+str.trimRight()+"-----");

     

     

    第四部分:?. 对象层级深

            // const Person = {
                //     realname:"张三",
                //     info:{
                //         sex:"男",
                //         height:180,
                //     }
                // }

    注解: 

         //这里是根据路径去判断某个属性是否在该位置内,与三目运算符类似   在框架中大多数使用的是这两种。  
                // const height = Person?.info?.sex;  
                //根据判断,若没有值返回的是undefined,有值,正确的就会返回相应的值  
                //切记(?.)是必须要连用的,否则无法继续向下执行
                // console.log(height);

     

     

  • 相关阅读:
    centos 8 yum源不能使用问题
    【数组】逐步求和得到正数的最小值
    Nginx 修改server_name后无法访问
    夸克扫描王识别精度领跑行业 愿携手各方伙伴探索AIGC应用新范式
    在 SQL Server 中使用 Try Catch 处理异常
    GitHub操作
    Java IO基础知识总结篇一
    CDH6.3.2 的pyspark读取excel表格数据写入hive中的问题汇总
    2023 香山杯 --- Crypto wp
    猿创征文|大数据开发必备的数据采集工具汇总
  • 原文地址:https://blog.csdn.net/m0_59505309/article/details/125911348