某公司前端笔试题(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 ]
相关推荐
初夏睡觉17 分钟前
c++1.3(变量与常量,简单数学运算详解),草稿公放
开发语言·c++
升职佳兴25 分钟前
C盘爆满自救:3步无损迁移应用数据到E盘(含回滚)
c语言·开发语言
ID_1800790547329 分钟前
除了 Python,还有哪些语言可以解析 JSON 数据?
开发语言·python·json
cyclv1 小时前
无网络地图展示轨迹,地图瓦片下载,绘制管线
前端·javascript
周末也要写八哥1 小时前
多进程和多线程的特点和区别
java·开发语言·jvm
土豆12501 小时前
Tauri 入门与实践:用 Rust 构建你的下一个桌面应用
前端·rust
宁瑶琴2 小时前
COBOL语言的云计算
开发语言·后端·golang
小陈工3 小时前
2026年4月2日技术资讯洞察:数据库融合革命、端侧AI突破与脑机接口产业化
开发语言·前端·数据库·人工智能·python·安全
Zarek枫煜3 小时前
C3 编程语言 - 现代 C 的进化之选
c语言·开发语言·青少年编程·rust·游戏引擎
阿kun要赚马内3 小时前
Python中元组和列表差异:底层结构分析
开发语言·python