JavaScript的高阶函数浅析

最新推荐文章于 2024-06-15 16:53:15 发布

春雨～苏（Su）

最新推荐文章于 2024-06-15 16:53:15 发布

阅读量105

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45492532/article/details/105058190

版权

JavaScript的高阶函数

高阶函数：高阶函数就是一个接受函数作为参数或将函数作为输出返回的函数
例如：Array.map Array.filter Array.reduce是语言中的内置高阶函数
下面展示一些 高阶函数的代码片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>高阶函数</title>
</head>
<body>
    <script>
    //假设我们有一个数字数组，我们想要创建一个新数组，其中包含第一个数组中每个值的两倍。 让我们看看如何使用和不使用高阶函数来解决问题。
    //1.不使用高阶函数
    var arr1=[1,2,3,4];
    var newArr=[];
    for(let i=0;i<arr1.length;i++){
        newArr.push(arr1[i]*2)
    }
    console.log(newArr)
    //2.使用高阶函数
    var oldArr=[2,4,6,8,10];
    var newArr2=oldArr.map(
        function(item,index){
        return item*2
        }
    )
    console.log(newArr2)
    console.log(oldArr)
    </script>
</body>
</html>

输出结果：
在这里插入图片描述
从打印结果可以看出，数组map循环方法，结果返回的是一个新的数组，而且不会改变原数组
但是当数组不是单纯的数字数组时，数组中如果是引用类型数据时，使用map方法新旧数组就会发生浅拷贝

春雨～苏（Su）

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的高阶函数浅析

JavaScript的高阶函数高阶函数：高阶函数就是一个接受函数作为参数或将函数作为输出返回的函数例如：Array.map Array.filter Array.reduce是语言中的内置高阶函数下面展示一些高阶函数的代码片。<!DOCTYPE html><html lang="en"><head> <meta charset=...
复制链接

扫一扫