4

我正在做一个需要通过 JSON 将 Perl 对象传递给 javascript 的项目。我在“中间”对象定义方面面临问题。

在 Perl 中，对象由散列表示，程序员不必在“中间”定义任何东西。创建属性后，所有中间对象都会自动创建为哈希引用。例如

$graph{chart}{yAxis}{title} = "Temperature Tracking";

但是，一旦将此对象传递给 Javascript，如果我想在“中间”对象中添加任何新属性，例如：

graph.chart.xAxis.title = "Time Sequence";

我会有一个“未定义的 graph.chart.xAxis”错误。与 Perl 不同，如果我们简单地为它分配一个属性，Javascript 不会自动创建对象。

目前我必须使用以下解决方案：

if (!graph.chart.xAxis) {
  graph.chart.xAxis = {};
  graph.chart.xAxis.title = "Time Sequence";
}

不幸的是，在我们的项目中，从 Perl 传递的对象是非常动态的，还有很多 Javascript 可能不知道的其他对象。上述方式使 JS 代码非常冗长且“看起来很丑”。有没有更好的解决方案可以让 Javascript 表现得像 Perl，这意味着我不必手动创建中间对象？

4

4 回答 4

3

我不确定这是否符合您的要求，但创建丢失对象的简单函数可能如下所示：

function insertNode(obj, node, value) {
    var segments = node.split('.');
    var key = segments.pop();
    var ref = obj;

    while (segments.length > 0) {
        var segment = segments.shift();
        if (typeof ref[segment] != 'object') {
            ref[segment] = {};
        }
        ref = ref[segment];
    }

    ref[key] = value;
};

var x = {};
insertNode(x, 'foo.bar.baz', 'hello world');
alert(x.foo.bar.baz); // "hello world"

演示：http: //jsfiddle.net/sNywt/1/

于 2013-03-17T09:42:56.097 回答
2

您可能对名为steeltoe的库感兴趣

steelToe(graph).set('chart.xAxis.title', 'Time Sequence');
于 2013-03-17T09:48:23.030 回答
2

不确定，如果它适合您的情况，但您可以检查属性是否存在并在不存在时创建它，例如：

function use_or_create(obj, prop) {
   return (obj.hasOwnProperty(prop))  ? true : (obj[prop] = {});
}
var graph.chart = {}; //your object
//function call to check if property exist before trying to use it
use_or_create(graph.chart, 'xAxis'); //check if xAxis exists and creates one if doesnot
graph.char.xAxis.title = "tested";
于 2013-03-17T09:49:07.560 回答
2

也许这个Object扩展会做：

Object.prototype.val = function(prop,val){
  prop = /\./i.test(prop) ? prop.split('.') : prop;
  if (prop.constructor === Array){
      var objnow = this, pr;
      while (pr = prop.shift()){
        if (!objnow[pr]){
            objnow[pr] = {};
        }
        if (!prop.length) {
            objnow[pr] = val;
        }
        objnow = objnow[pr];
      }
      for (var l in objnow){
          this[l] = objnow[l];
      }
  } else {
      this[prop] = val;
  }
}
// usage
var myO = {};
myO.val('a.b.c',3);        //=> myO.a.b.c = 3
myO.val('someprop',3);     //=> myO.someprop = 3
myO.val('a.b.someprop',5); //=> myO.a.b.someprop = 3
于 2013-03-17T09:57:49.010 回答