将点表示法中的JavaScript字符串转换为对象引用

给定一个JavaScript对象，

var obj = { a: { b: '1', c: '2' } }

和字符串

"a.b"

我怎么把字符串转换成点符号呢

var val = obj.a.b

如果字符串只是'a'，我可以使用obj[a]。但这个更复杂。我想应该有什么简单的方法，但现在想不起来了。

当前回答

如果您希望以尽可能快的方式做到这一点，同时处理与路径解析或属性解析有关的任何问题，请检查path-value。

const {resolveValue} = require('path-value');

const value = resolveValue(obj, 'a.b.c');

该库是100%的TypeScript，适用于NodeJS +所有web浏览器。它是完全可扩展的，你可以使用较低级别的resolvePath，如果你愿意，你可以用自己的方式处理错误。

const {resolvePath} = require('path-value');

const res = resolvePath(obj, 'a.b.c'); //=> low-level parsing result descriptor

2020-12-28 13:32:49

其他回答

是的，扩展基本原型通常不是一个好主意，但是，如果你把所有扩展放在一个地方，它们可能是有用的。这是我的方法。

   Object.defineProperty(Object.prototype, "getNestedProperty", {
    value     : function (propertyName) {
        var result = this;
        var arr = propertyName.split(".");

        while (arr.length && result) {
            result = result[arr.shift()];
        }

        return result;
    },
    enumerable: false
});

现在，您将能够获得嵌套的属性，而无需导入模块与函数或复制/粘贴函数。

例子:

{a:{b:11}}.getNestedProperty('a.b'); // Returns 11

js扩展打破猫鼬在我的项目。此外，我还读到它可能会破坏jQuery。所以，永远不要用Next.js的方式:

 Object.prototype.getNestedProperty = function (propertyName) {
    var result = this;
    var arr = propertyName.split(".");

    while (arr.length && result) {
        result = result[arr.shift()];
    }

    return result;
};

2016-02-05 11:01:42

var find = function(root, path) {
  var segments = path.split('.'),
      cursor = root,
      target;

  for (var i = 0; i < segments.length; ++i) {
   target = cursor[segments[i]];
   if (typeof target == "undefined") return void 0;
   cursor = target;
  }

  return cursor;
};

var obj = { a: { b: '1', c: '2' } }
find(obj, "a.b"); // 1

var set = function (root, path, value) {
   var segments = path.split('.'),
       cursor = root,
       target;

   for (var i = 0; i < segments.length - 1; ++i) {
      cursor = cursor[segments[i]] || { };
   }

   cursor[segments[segments.length - 1]] = value;
};

set(obj, "a.k", function () { console.log("hello world"); });

find(obj, "a.k")(); // hello world

2011-06-18 04:57:16

使用数组缩减函数将获得/设置基于提供的路径。

我用a.b.c和a.b.2.c {a:{b:[0,1，{c:7}]}}测试了它，它既可以获取键，也可以将对象更改为设置值

我个人的建议。

除非没有别的办法，否则不要用这种东西!

我看到很多例子，人们用它来翻译json;你会看到locale('app。主页。欢迎')这样的函数。这太糟糕了。如果你已经在object/json中有数据;你知道路径。然后直接使用locale().app.首页示例。欢迎通过改变你的函数返回对象，你得到类型安全，自动完成，不容易出现错别字。

2019-07-18 12:13:50

你可以通过点表示法获得对象成员的值，只需一行代码:

new Function('_', 'return _.' + path)(obj);

对你来说:

var obj = { a: { b: '1', c: '2' } }
var val = new Function('_', 'return _.a.b')(obj);

为了简化，你可以这样写一个函数:

function objGet(obj, path){
    return new Function('_', 'return _.' + path)(obj);
}

解释:

Function构造函数创建一个新的Function对象。在JavaScript中，每个函数实际上都是一个function对象。使用function构造函数显式创建函数的语法如下:

new Function ([arg1[, arg2[, ...argN]],] functionBody)

其中arguments(arg1到argN)必须是一个对应于有效javaScript标识符的字符串，functionBody是一个包含包含函数定义的javaScript语句的字符串。

在我们的例子中，我们利用字符串函数体来检索点表示法的对象成员。

希望能有所帮助。

2015-04-11 10:03:34

2021-08-04 11:32:42

将点表示法中的JavaScript字符串转换为对象引用

推荐文章

最新文章

标签