某公司前端笔试题(12.30)

1、对象数组去重:

数组去重:

const a={a:1,b:2},{a:2},{a:2},{a:1,c:3},{b:2,a:1}

结果:{a:1,b:2},{a:2},{a:1,c:3}

javascript 复制代码
// 判断两个对象的属性值是否一致
const a = [{ a: 1, b: 2 }, { a: 2 }, { a: 2 }, { a: 1, c: 3 }, { b: 2, a: 1 }]
const isSameObject = (a, b) => {
    if (Object.keys(a).length !== Object.keys(b).length) return false;
    for (const key in a) {
        if (Object.hasOwnProperty.call(a, key)) {
            if (a[key] !== b[key]) return false
        }
    }
    return true;
}
const uniqueFn = (tempArr) => {
    const res = tempArr.slice(0)
    for (let i = 0; i < tempArr.length; i++) {
        for (let j = i + 1; j < tempArr.length; j++) {
            if (isSameObject(tempArr[i], tempArr[j])) {
                console.log(i, j);
                res.splice(i, 1)
            };
        };
    };
    return res;
}
console.log(uniqueFn(a));

2、事件循环相关

javascript 复制代码
setTimeout(function() {
    console.log('setTimeout1');    // 8  setTimeout1
    new Promise(function(resolve) {
        console.log('promise0');  // 9  promise0
        resolve()
    }).then(function() {
        console.log('settimeout promise resolveed');   // 10  settimeout promise resolveed
    })
});

setTimeout(function() {
    console.log('setTimeout2');  // 11  setTimeout2
});

const P = new Promise(function(resolve) {
    console.log('promise');    // 1  promise
    for (var i = 0; i < 10000; i++) {
        if(i === 10) {
            console.log('for'); // 2  for
        }
        if (i === 9999) {
            resolve('resolve'); 
        }
    }
}).then(function(val) {
    console.log('resolve1');    // 5  resolve1
}).then(function(val) {
    console.log('resolve2');     // 6  resolve2
});

new Promise(function(resolve) {
    console.log('promise2');     // 3  promise2
    resolve('resolve');
}).then(function(val) {
    console.log('resolve3');   //  7  resolve3
})
console.log('console');       // 4  console

3、扁平化数组

实现一个flat函数,把嵌套的数组打平,flat(\[1,2,\[3,\[4,\[5]]]]),返回1,2,3,4,5

javascript 复制代码
const flat = (nums) => {
    const res = nums.reduce((pre, cur) => {
        if (Array.isArray(cur)) {
            return [...pre, ...flat(cur)]
        } else {
            pre.push(cur)
        }
        return pre
    }, [])
    return res;
}
console.log(flat([[1, 2, [3, [4, [5]]]]])); // [ 1, 2, 3, 4, 5 ]
相关推荐
Flynt27 分钟前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel1 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马2 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土3 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀6 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
前进前进前进6 小时前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端
小万7427 小时前
God‘s Eye View 深度解析:15 路公开信号 + CesiumJS 的浏览器级 OSINT 控制台,60 帧渲染的“真实间谍卫星模拟器”
前端
IT星宿7 小时前
浏览器标签页全是一个图标:我用名字哈希生成 favicon,让每个项目都有身份标识
前端
OpsEye8 小时前
大模型账单对账难:不同厂商 Token 统计口径差异怎么处理
javascript·ai编程