Javascript将具有数组字符串键的对象转换为键/名称值的

在JavaScript中，对象通常使用字符串作为键（属性名）。然而，有时我们可能会遇到一个对象，其键是数组字符串，这意味着键本身是一个包含字符串的数组。将这样的对象转换为键/名称值对的形式，通常意味着我们需要将这些数组键展开为单个的键，并将对应的值分配给这些键。

基础概念

对象（Object）：JavaScript中的一种数据结构，类似于其他编程语言中的字典或哈希表。
键（Key）：对象的属性名，通常是字符串。
值（Value）：与键关联的数据。

类型

普通对象：键为字符串，值为任意类型。
数组字符串键对象：键为包含字符串的数组。

应用场景

这种转换可能在处理复杂数据结构时有用，例如从API接收到的数据可能需要重新格式化以便于前端展示或进一步处理。

示例代码

假设我们有以下对象：

const objWithArrayKeys = {
  ['key1', 'subkey1']: 'value1',
  ['key2', 'subkey2']: 'value2'
};

我们想要将其转换为：

{
  key1: { subkey1: 'value1' },
  key2: { subkey2: 'value2' }
}

可以使用以下函数实现这一转换：

function transformObject(obj) {
  const result = {};
  for (const [keys, value] of Object.entries(obj)) {
    let currentLevel = result;
    for (let i = 0; i < keys.length; i++) {
      const key = keys[i];
      if (i === keys.length - 1) {
        currentLevel[key] = value;
      } else {
        currentLevel[key] = currentLevel[key] || {};
        currentLevel = currentLevel[key];
      }
    }
  }
  return result;
}

const transformedObj = transformObject(objWithArrayKeys);
console.log(transformedObj);