如何创建复杂的javascript结构

时间:2011-09-07 09:52:43

标签: javascript jquery

我想创建一个类似的结构:

[{title:'Imágenes', extensions:'jpg,gif,png'}, {title:'Todos', extensions:'*'}]

但是我需要以这种方式从字符串创建它(在“js + jquery + php rare mode”中):

items = 'Imágenes jpg,gif,png|Todos *'.split('|').each(function() {
  list(title, ext) = explode(' ', $this);
  filters[] = array('title' => title, 'ext' => ext);
});

我找到了类似的结构:

var theStatus = new Object();
function testIt() {
  theStatus.Home = 'mouseover';
  theStatus['Place'] = 'click';
  for (var i in theStatus)
  {
    alert('theStatus[\''+i+'\'] is ' + theStatus[i])
  }
}

并且喜欢:

$.alerts = {
  verticalOffset: -75,
  horizontalOffset: 0,
  repositionOnResize: true,
  overlayOpacity: .01,
  overlayColor: '#FFF'
}

但我不能做任何功能。

提前致谢。

2 个答案:

答案 0 :(得分:1)

我就是这样做的:

items = 'Imágenes jpg,gif,png|Todos *'.split("|").map(function (itemString) {
    var parts =  itemString.split(" ");
    return { title: parts[0], extensions: parts[1] };
});

或者,如果您使用jQuery并且需要支持旧浏览器,则可以执行此操作:

items = $.map('Imágenes jpg,gif,png|Todos *'.split("|"), function () {
    var parts =  this.split(" ");
    return { title: parts[0], extensions: parts[1] };
});

答案 1 :(得分:1)

您的伪代码已关闭。

尝试以下vanilla javascript:

var str = 'Imágenes jpg,gif,png|Todos *';
var objs = str.split('|');
var objects = [];
for (var i = 0; i < objs.length; i++) {
    var parts = objs[i].split(' ');
    objects.push({ title: parts[0], extensions: parts[1] });
}
// objects is now an array of custom objects in the format you specified.