实现一个 setter 方法

[lgwebdream]

let setter = function (conten, key, value) {
  // your code
};
let n = {
  a: {
    b: {
      c: { d: 1 },
      bx: { y: 1 },
    },
    ax: { y: 1 },
  },
};
// 修改值
setter(n, "a.b.c.d", 3);
console.log(n.a.b.c.d); //3
setter(n, "a.b.bx", 1);
console.log(n.b.bx); //1

[lgwebdream]

扫描下方二维码，获取答案以及详细解析，同时可解锁800+道前端面试题。

[523451928]

let n = {
  a: {
    b: {
      c: { d: 1 },
      bx: { y: 1 },
    },
    ax: { y: 1 },
  },
}
function flatObj(obj, parentKey = '', res = {}) {
  for (const key in obj) {
    const keyName = `${parentKey}${key}`
    if (typeof obj[key] === 'object') {
      flatObj(obj[key], `${keyName}.`, res)
    } else {
      res[keyName] = obj[key]
    }
  }
  return res
}
function deFlatObj(obj) {
  const res = {}
  for (const key in obj) {
    key.split('.').reduce((acc, item, index, origin) => {
      acc[item] = acc[item] || (!origin[index + 1] && obj[key]) || {}
      return acc[item]
    }, res)
  }
  return res
}

function setter(conten, key, value) {
  const obj = flatObj(conten)
  obj[key] = value
  return deFlatObj(obj)
}
setter(n, 'a.b.c.d', 3)

[GolderBrother]

const setter = function (content, key, value) {
  if (!content || typeof content !== "object") return false;
  const paths = key.split(".") || [];
  // 根据paths, 不停的获取最后对应的数据和key
  const { obj, keyName } = paths.reduce((accu, k, index) => {
    if (index !== paths.length - 1) return accu[k];
    return { obj: accu, keyName: k };
  }, content);
  obj[keyName] = value;
  return obj;
};
let n = {
  a: {
    b: {
      c: { d: 1 },
      bx: { y: 1 },
    },
    ax: { y: 1 },
  },
};

// 修改值
setter(n, "a.b.c.d", 3);
console.log(n.a.b.c.d); //3
setter(n, "a.b.bx", 1);
console.log(n.a.b.bx); //1
console.log(n);

[zizxzy]

const setter = (obj, keyStr, value) => {
  if (typeof obj !== 'object' || !obj) return false;
  const pathArr = keyStr.split('.') || [];
  const { content, key } = pathArr.reduce((accumulator, currentValue, currentIndex) => {
    if (currentIndex !== pathArr.length - 1) return accumulator[currentValue];
    return { 'content': accumulator, 'key': currentValue };
  }, obj);
  content[key] = value;
  return true;
}

let n = {
  a: {
    b: {
      c: { d: 1 },
      bx: { y: 1 },
    },
    ax: { y: 1 },
  },
};

// 修改值
setter(n, "a.b.c.d", 3);
console.log(n.a.b.c.d); //3
setter(n, "a.b.bx", 1);
console.log(n.a.b.bx); //1
console.log(n);