js题目

╰+哭是因爲堅強的太久メ 2021-08-27 15:33 300阅读 0赞

1.let var  const

let const 是块级作用域  var变量提升  const 常量 不能改变  var 是es5

console.log(b) //undefined

var b=400;  //变量提升

console.log(a) //报错 a is not defined

let  a=1

2.强制类型转换和隐式类型转换

强制：parseInt...

隐式：if 逻辑运算 == +拼接字符串

3.typeof 可以判断哪些数据类型

值类型：undefined string number bool symbol

引用：object （注意，typeof null==='object'）

函数：function

4.数组 pop push unshift shift

let a=\[1,2,3,4\]  
let popres=a.pop()  //去掉最后一个元素并返回最后一个元素  
console.log(popres,a) //4,\[1,2,3\]

let a=\[1,2,3,4\]  
let popres=a.push('50');//在数组末尾追加 返回元素个数  
console.log(popres,a)//5 , \[1, 2, 3, 4, "50"\]

let a=\[1,2,3,4\]  
let popres=a.shift()  //去掉第一个内容 返回第一个元素内容  
console.log(popres,a)//1,\[2,43,4\]

let a=\[1,2,3,4\]  
let popres=a.unshift('5') //在前面追加 返回数组长度  
console.log(popres,a)//5 \['5',1,2,3,4\]

数组的api

纯函数：1.不改变原数组（没有副作用）；2.返回一个数组

const arr=\[10,20,30,40\]

//concat map

const arr1=arr.concat(\[50,60,70\])

const arr2=arr.map(num=>num>\*1)

const arr3=arr.filter(num=>num>24)

const arr4=arr.slice()

非纯函数：pop push unshift shift some every  forEach

5.手写深度比较isEqual

<!DOCTYPE html>
    
    <head>
        <meta charset="utf-8">
        <title>
            手写深度比较 isEqual
        </title>
    
        <style>
    
        </style>
    </head>
    
    <body>
    
    </body>
    
    </html>
    <script>
        function isObject(obj) {
            return typeof obj === 'object' && obj !== null
        }
        function isEqual(obj1, obj2) {
            if (!isObject(obj1) || !isObject(obj2)) {
                return obj1 === obj2
            }
            if (obj1 === obj2) {
                return true
            }
            //两个对象都是对象或者数组 而且不相等
            //1.先取出obj1和obj2的keys 比较个数
            const obj1keys = Object.keys(obj1)
            const obj2keys = Object.keys(obj2)
            if (obj1keys.length !== obj2keys.length) {
                return false
            }
            //以obj1为基准 进行递归比较
            for (let key in obj1) {
                const res = isEqual(obj1[key], obj2[key])
                if (!res) {
                    return false
                }
            }
            return true;
        }
        const obj1 = {
            a: 100,
            b: {
                x: 100,
                y: 200
            }
        }
        const obj2 = {
            a: 100,
            b: {
                x: 100,
                y: 203
            }
        }
      console.log(isEqual(obj1,obj2)) 
    </script>

6.深拷贝

function fndeepclone(obj = {}) {
                //判断传入的是不是对象
                if (typeof (obj) !== 'object' || obj == null) {
                    return obj
                }
                let result;
                if (obj instanceof Array) { //instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性
                    result = []
                } else if (obj instanceof Object) {
                    result = {}
                }
    
                for (let key in obj) {
                    //保证key 不是原型链的属性
                    if (obj.hasOwnProperty(key)) {                    
                        //递归
                        result[key] = fndeepclone(obj[key])
                    }
    
                }
                //返回深拷贝对象
                return result;
    
    
    
    
            }