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

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>

你可能感兴趣的:(前端,前端)