从“命名空间”构建对象层次结构细绳

Question

我正在尝试编写一个函数，该函数采用表示命名空间的字符串（例如“MyCompany.UI.LoginPage”），并将命名空间的每个段定义为对象（如果它尚不存在）。例如，如果“MyCompany.UI.LoginPage”不是一个对象，它将对此进行评估：

MyCompany = {};
MyCompany.UI = {};
MyCompany.UI.LoginPage = {};

我想通过枚举“命名空间”（字符串）参数的每个字符并在枚举达到句点时定义每个对象来执行此操作人物。

如何在 JavaScript 中枚举字符串的字符？

Answer 1

您可以使用 < 直接通过索引访问字符串的字符code>String.prototype.charAt 方法：

var str = "foo";
for (var i = 0; i < str.length; i++) {
  alert(str.charAt(i));
}

但我不认为你想逐个字符地遍历你的命名空间字符串，你可以使用 String.prototype.split 方法，获取包含命名空间级别的数组，使用点（.）字符作为分隔符，例如：

var levels = "MyCompany.UI.LoginPage".split('.');
// levels is an array: ["MyCompany", "UI", "LoginPage"]

但我认为您的问题进一步到此，我将为您提供一个更高级的起点，我创建了一个递归函数，该函数将允许您完全执行您想要的操作，使用字符串初始化多个嵌套对象级别：

用法：

initializeNS('MyCompany.UI.LoginPage');
// that will create a MyCompany global object

// you can use it on an object to avoid globals also
var topLevel = {};
initializeNS('Foo.Bar.Baz', topLevel);

// or
var One = initializeNS('Two.Three.Four', {});

实现：

function initializeNS(ns, obj) {
  var global = (function () { return this;})(), // reference to the global object
      levels = ns.split('.'), first = levels.shift();
  obj = obj || global; //if no object argument supplied declare a global property
  obj[first] = obj[first] || {}; // initialize the "level"
  if (levels.length) { // recursion condition
    initializeNS(levels.join('.'), obj[first]);
  }
  return obj[first]; // return a reference to the top level object
}

您必须改进此功能，例如您需要清理字符串......

Answer 2

使用以下代码将字符串转换为字符数组：

var $letterArray = [];

for (var $i = 1; $i <= $yourString.length; $i++)
{
    $letterArray[$i] = $yourStringtring.substring(($i - 1), $i);
}

然后您可以枚举字符串数组中的每个字符 $letterArrary