京东前端二面高频面试题

hellocoder2029

已于 2022-09-26 16:03:31 修改

阅读量432

点赞数

文章标签：前端框架 javascript

于 2022-09-09 22:35:11 首次发布

本文链接：https://blog.csdn.net/hellocoder2029/article/details/126790169

版权

寄生组合继承

题目描述:实现一个你认为不错的 js 继承方式

实现代码如下:

function Parent(name) {
   
  this.name = name;
  this.say = () => {
   
    console.log(111);
  };
}
Parent.prototype.play = () => {
   
  console.log(222);
};
function Children(name) {
   
  Parent.call(this);
  this.name = name;
}
Children.prototype = Object.create(Parent.prototype);
Children.prototype.constructor = Children;
// let child = new Children("111");
// // console.log(child.name);
// // child.say();
// // child.play();

前端进阶面试题详细解答

----问题知识点分割线----

数组去重

ES5 实现：

function unique(arr) {
   
    var res = arr.filter(function(item, index, array) {
   
        return array.indexOf(item) === index
    })
    return res
}

ES6 实现：

var unique = arr => [...new Set(arr)]

----问题知识点分割线----

树形结构转成列表

题目描述:

[
    {
   
        id: 1,
        text: '节点1',
        parentId: 0,
        children: [
            {
   
                id:2,
                text: '节点1_1',
                parentId:1
            }
        ]
    }
]
转成
[
    {
   
        id: 1,
        text: '节点1',
        parentId: 0 //这里用0表示为顶级节点
    },
    {
   
        id: 2,
        text: '节点1_1',
        parentId: 1 //通过这个字段来确定子父级
    }
    ...
]

实现代码如下:

function treeToList(data) {
   
  let res = [];
  const dfs = (tree) => {
   
    tree.forEach((item) => {
   
      if (item.children) {
   
        dfs(item.children);
        delete item.children;
      }
      res.push(item);
    });
  };
  dfs(data);
  return