如何通过字符串名称访问多维JavaScript对象的指定分支？

嗨，我来帮你搞定这个问题～你遇到的核心问题是不能直接通过字符串拼接来访问对象属性，因为data + branchString只会把两个值转成字符串相加，根本不会解析成对象属性访问。下面给你几种实用的解决方案：

1. 纯JavaScript方案：使用split + reduce（推荐） #

这是最通用的方法，不需要引入任何第三方库，还能灵活处理路径不存在的情况：

import data from './dataFile'
let branchString = 'data.topics.general'

// 第一步：把路径字符串拆分成属性数组，去掉开头的"data."
const pathSegments = branchString.split('.').slice(1); // 得到 ['topics', 'general']

// 第二步：用reduce遍历路径，逐层访问对象
const myBranch = pathSegments.reduce((currentObj, property) => {
  // 增加安全判断，避免属性不存在时抛出错误
  if (currentObj && typeof currentObj === 'object' && property in currentObj) {
    return currentObj[property];
  }
  // 如果路径无效，返回undefined或者你想要的默认值
  return undefined;
}, data);

console.log(myBranch); // 会输出 { topics: { description: 'Desc' } }

如果你的分支字符串本身就不带开头的data.（比如直接是'topics.general'），那直接去掉.slice(1)就行。

2. 慎用：使用eval #

eval可以直接执行字符串代码，虽然能实现需求，但非常不推荐在生产环境或处理用户输入的场景使用，因为它会执行任何传入的代码，存在严重的安全风险：

import data from './dataFile'
let branchString = 'data.topics.general'

// 直接执行字符串代码，获取对应分支
let myBranch = eval(branchString);

再次提醒：除非你能100%确保branchString是完全可信的，否则绝对不要用eval！

3. 第三方库方案：使用Lodash的_.get #

如果你的项目已经在使用Lodash，那_.get方法会让这个需求变得异常简单，它还自带路径不存在时返回默认值的功能：

import _ from 'lodash';
import data from './dataFile'
let branchString = 'data.topics.general'

// 去掉开头的"data."，得到相对路径
const relativePath = branchString.replace('data.', '');

// 用_.get直接获取，第二个参数是路径，第三个参数是路径不存在时的默认值（可选）
const myBranch = _.get(data, relativePath, '默认值');

额外注意事项 #

• 如果你的对象属性名里包含.（比如data['topic.name']），那按.拆分路径的方法就失效了，这时候建议把路径改成数组形式（比如['topic.name', 'general']），再用reduce处理。
• 始终记得加安全判断，避免因为路径无效导致代码抛出Cannot read properties of undefined的错误。

内容的提问来源于stack exchange，提问作者Anonymous