某公司前端笔试题(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 ]
相关推荐
代码搬运媛5 小时前
Jest 测试框架详解与实现指南
前端
为何创造硅基生物6 小时前
C语言 结构体内存对齐规则(通俗易懂版)
c语言·开发语言
吃好睡好便好6 小时前
在Matlab中绘制横直方图
开发语言·学习·算法·matlab
星寂樱易李6 小时前
iperf3 + Python-- 网络带宽、网速、网络稳定性
开发语言·网络·python
counterxing6 小时前
我把 Codex 里的 Skills 做成了一个 MCP,还支持分享
前端·agent·ai编程
仰泳之鹅6 小时前
【C语言】自定义数据类型2——联合体与枚举
c语言·开发语言·算法
wangqiaowq6 小时前
windows下nginx的安装
linux·服务器·前端
之歆7 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜7 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai108087 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly