【前端面试手撕题】instanceof、Array.map、Array.filter、Array.reduce、_objectCreate

最新推荐文章于 2024-11-06 22:41:26 发布

蔓蔓的学习记录

最新推荐文章于 2024-11-06 22:41:26 发布

阅读量662

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/manerzi/article/details/132080189

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

文章介绍了如何使用JavaScript实现`instanceof`检查原型链，以及自定义`_map`,`_filter`,`_reduce`和`_objectCreate`等Array和Object方法，展示了在浏览器环境中操作对象和数组的技巧。

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

FED6 instanceof

描述
请补全JavaScript代码，要求以Boolean的形式返回第一个实例参数是否在第二个函数参数的原型链上。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <script type="text/javascript">
        // 填写JavaScript
          const _instanceof = (target, Fn) => {
            while(Object.getPrototypeOf(target)!==null){
                if(Object.getPrototypeOf(target)===Fn.prototype){
                    return true;
                }
                target=Object.getPrototypeOf(target)
            }
            return false
          }
    </script>
</body>

</html>

FED7 Array.map

描述
请补全JavaScript代码，要求实现Array.map函数的功能且该新函数命名为"_map"。
示例1
输入：
[1,2]._map(i => i * 2)
输出：
[2,4]

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <script type="text/javascript">
        // 
        Array.prototype._map = function(Fn) {
            if(typeof Fn!=='function') return;
            let newArr=[];
            for(let i=0;i<this.length;i++){
                newArr[i]=Fn(this[i])
            }
            return newArr;
        }

    </script>
</body>

</html>

FED8 请补全JavaScript代码，要求实现Array.filter函数的功能且该新函数命名为…

描述
请补全JavaScript代码，要求实现Array.filter函数的功能且该新函数命名为"_filter"。
示例1
输入：
[1,2]._filter(i => i>1)
复制
输出：
[2]

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <script type="text/javascript">
        // 填写JavaScript
        Array.prototype._filter = function(Fn) {
            if(typeof Fn!=='function') return
            let arr=[]
            for(let i=0;i<this.length;i++){
                if(Fn(this[i])){
                    arr.push(this[i])
                }
            }
            return arr
        }

    </script>
</body>

</html>

FED9 Array.reduce

描述
请补全JavaScript代码，要求实现Array.reduce函数的功能且该新函数命名为"_reduce"。
示例1
输入：
[1,2,3]._reduce((left, right) => left + right)
输出：
6

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <script type="text/javascript">
        // 填写JavaScript
        Array.prototype._reduce=function(fn){
            if(typeof fn!=='function') return
            for(var i=0;i<this.length-1;i++){
                this[i+1]+=this[i]
            }
            return this[this.length-1]
        }
    </script>
</body>

</html>

FED10 _objectCreate

描述
请补全JavaScript代码，要求实现Object.create函数的功能且该新函数命名为"_objectCreate"。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <script type="text/javascript">
        // 填写JavaScript
        const _objectCreate =proto=>{
            let obj=new Object();
            obj.__proto__=proto;
            return obj;
        }
    </script>
</body>

</html>