前端正则,递归面试题 - Joe老板出题

Joe博客老板每日分享面试题，羞辱我这个前端小白，请看题！

第一题正则替换

题干

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

最后

快来插个眼吧！

Joe博客 老板每日分享面试题，羞辱我这个前端小白，请看题！

最后

Joe博客老板每日分享面试题，羞辱我这个前端小白，请看题！