407字 2分钟
DailyJoe博客 老板每日分享面试题，羞辱我这个前端小白，请看题！
第一题 正则替换
题干
let a = {
b: 123,
c: "456",
e: "789",
};
let str = "a{a.b}aa{a.c}aa {a.d}aaaa";本题要求： 把 str 字符串中 { a.b } 这种 替换成 a对象中对应的值
本题结果： a123aa456aa {a.d}aaaa
博主解题方案
str
.match(/{\w\.\w}/g)
.forEach(
(itm) =>
(str = str.replace(
itm,
a[itm.match(/\.\w/g)[0].replace(/./, "")] || itm,
)),
);
console.log(str);Joe大佬解题方案
str = str.replace(/{\w\.\w}/g, ($1) => {
const {
groups: { key },
} = /{\w\.(?<key>\w)}/.exec($1);
return a[key] || $1;
});
console.log(str);此题可看出，Joe大佬的代码运用了JS高级，博主只能勉强解出，这就是差距。
第二题 数组扁平化
题干
const arr = [1, [2, 3, [4, [5]]], 6];- 本题要求： 把 arr 数组 扁平化处理
- 本题结果： [1,2,3,4,5,6] 博主解题方案
let newArr = [];
hanJoe(arrs);
function hanJoe(arrs) {
arrs.forEach((itm) =>
itm instanceof Array ? hanJoe(itm) : newArr.push(itm),
);
}
console.log(newArr);Joe大佬解题方案
const flat = (arr) =>
arr.reduce(
(prev, curr) =>
Array.isArray(curr) ? [...prev, ...flat(curr)] : [...prev, curr],
[],
);
console.log(flat(arr));此题可看出，Joe大佬再次运用了JS高级，博主的解题方案平平无奇，这就是差距。
第三题 也不知道怎么命名
题干
function isOdd(num) {
return num % 2 == 1;
}
function isEven(num) {
return num % 2 == 0;
}
function isSane(num) {
return isEven(num) || isOdd(num);
}
var values = [7, 4, "13", -9, Infinity];
var r = values.map(isSane);- 本题要求： 脑子里运算，并输出 r
- 本题结果： [true,true,true,false,false]
这题给我普及了 Array.map() ，博主不会map
第四题 运算
题干
let res = "b" + "a" + +"a" + "a";- 本题要求： 脑子里运算，并输出 res
- 本题结果： baNaNa
最后
快来插个眼吧！