Day19-数组高级API&知识拓展

最新推荐文章于 2024-09-19 11:17:39 发布

金霖海

最新推荐文章于 2024-09-19 11:17:39 发布

阅读量207

点赞数

分类专栏：前端1 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_33396183/article/details/131726824

版权

这篇博客介绍了JavaScript中的数组高级API，包括sort、forEach、map、filter、find、some、every、findIndex和reduce等操作。同时，还涵盖了类型转换、NaN、isNaN函数、const常量以及不同方式遍历数组的知识，包括for循环、for-of和forEach。最后，对数据类型进行了总结。

摘要由CSDN通过智能技术生成

大小写字母的转换

编写一个函数,实现如下效果

"riley" --&gt; "Hello Riley!"
"JACK"  --&gt; "Hello Jack!"

    <script>
        /**
         * toUpperCase()小写字母转大写字母
         * toLowerCase()大写字母转小写字母
         * 
        */

        function fun(str){
   
            let newStr = "Hello " + str.substring(0,1).toUpperCase() + str.substr(1).toLowerCase() + "!"
            return newStr
        }
        let result = fun("riley")
        console.log(result);
    </script>

箭头函数

    <script>
        /**
         * 箭头函数是ES6新增的语法,用来简化匿名函数
        */
        //1无参无返回值
        let fun1 = () => {
   
            console.log("无参无返回值");
        }
        fun1()

        //2有参无返回值
        let fun2 = (m) => {
   
            console.log("有参无返回值",m);
        }
        fun2(10)

        //3无参有返回值
        let fun3 = () => {
   
            return "无参有返回值"
        }
        let r3 = fun3()
        console.log(r3);
        //4有参有返回值
        let fun4 = (m) => {
   
            return "有参有返回值"
        }
        let r4 = fun4(30)
        console.log(r4);


        //在箭头函数中,如果函数体只有一行代码,{}可以省略
        let fun5 = () => console.log("如果函数体只有一行代码,{}可以省略");
        fun5()

        //在箭头函数中,当函数有返回值,并且函数体只有一行代码,{}和return都可以省略
        let fun6 = () =>"返回值简写"
        let r6 = fun6()
        console.log(r6);
        //在箭头函数中,当函数有参数,并且参数只有一个时,()可以省略
        let fun7 = x =>{
   
            console.log(x);
        }
        fun7(100)

        //有参有返回值的函数-简化
        let fun8 = y =>y*y
        let r8 = fun8(3)
        console.log(r8);
    <