如何在JavaScript中将字符串转换为多层级对象访问路径？

这个需求我太熟了！日常处理API返回的嵌套数据时经常会碰到这种场景，我给你分享几种实用的实现方式：

如果不想引入第三方库，自己写个简单的工具函数就能搞定。核心思路是把路径字符串按.分割成属性数组，然后逐层遍历访问对象：

function getNestedValue(obj, path) {
  // 将路径拆分为单个属性段
  const pathSegments = path.split('.');
  let currentValue = obj;

  for (const segment of pathSegments) {
    // 提前判断，避免访问undefined/null的属性导致报错
    if (currentValue === undefined || currentValue === null) {
      return undefined; // 这里可以改成你需要的默认值，比如null或者''
    }
    currentValue = currentValue[segment];
  }

  return currentValue;
}

// 实际使用示例
const response = { data: { data: { type: 'admin' } } };
const targetPath = 'data.data.type';
console.log(getNestedValue(response, targetPath)); // 输出 'admin'

这个函数还做了容错处理，当路径中的某一层不存在时，会返回undefined，你可以根据需求调整默认返回值。

如果你的项目已经引入了Lodash库，直接用它的_.get方法是最省心的——它已经帮我们处理了各种边界情况，比如路径不存在、中间值为null/undefined的场景：

// 先确保项目中已安装并引入Lodash
import _ from 'lodash';

const response = { data: { data: { type: 'user' } } };
const targetPath = 'data.data.type';

// 基础用法
const value = _.get(response, targetPath);
console.log(value); // 输出 'user'

// 带默认值的用法（路径不存在时返回默认值）
const fallbackValue = 'unknown_type';
const safeValue = _.get(response, 'data.invalid.path', fallbackValue);
console.log(safeValue); // 输出 'unknown_type'

Lodash的这个方法稳定性极强，在复杂项目里非常推荐使用。

要是你的需求不是直接取值，而是生成这样的访问代码字符串（比如用于模板生成、动态代码执行场景），可以用下面的方法：

function generateAccessCode(objName, path) {
  const segments = path.split('.');
  return `${objName}['${segments.join("']['")}']`;
}

// 使用示例
const accessCode = generateAccessCode('response', 'data.data.type');
console.log(accessCode); // 输出 "response['data']['data']['type']"

内容的提问来源于stack exchange，提问作者yudhie.z.kurniawan