是否可以在javascript/jquery中创建一个空的多维数组?

Question

我正在尝试使用Flickr API创建一个非常基本的Flickr图库。我想实现的是按标签对图片进行排序。我使用的是jQuery.getJSON()，这样我就可以解析flickr.photosets.getPhotos的API响应。

我想从Flickr获取的数据是与每张照片相关联的标签和URL。这样做的问题是，对我来说，唯一合乎逻辑的方法是创建以下格式的多维数组:

Array['tag1'] => ['URL_1', 'URL_2', 'URL_3', 'URL_n'];

然而，我找不到任何方法来实现这一点。我的代码是这样的:

$.getJSON('http://api.flickr.com/services/rest/?api_key=xxx&method=flickr.photosets.getPhotos&user_id=xxx&format=json&extras=tags%2C+url_l%2C+url_sq&nojsoncallback=1&photoset_id=xxx', 
   function(data) {
     var imageArray = [];   
     $.each(data.photoset.photo, function(i, item) {
       imageArray[item.tags] = [item.url_sq,];
     });
});

我知道代码可能看起来很尴尬，但我已经尝试了所有方法，没有办法我可以弄清楚。

Answer 1

var arr = [];
arr[0] = [];
arr[0][0] = [];
arr[0][0][0] = "3 dimentional array"

除非使用得当，否则多维数组会有很多间隙。二维数组称为矩阵。

我相信你的数据包含一个名为"标签"的空格分隔字符串，其中包含标签和单个url。

var tagObject = {};
data.photoset.photo.forEach(function(val) {
  val.tags.split(" ").forEach(function(tag) {
    if (!tagObject[tag]) {
      tagObject[tag] = [];
    }
    tagObject[tag].push(val.url_sq);
  });
});
console.log(tagObject); 
/*
  {
    "sea": ["url1", "url2", ...],
    "things": ["url4", ...],
    ...
  }
*/

我不知道它是如何返回多个标签的

Answer 2

我认为你要达到的语法是这样的:

var item = {"tags":"blah","url_sq":"example.com"}; // for sake of example.
var imageArray = [];
$.each(data.photoset.photo, function(i, item) {
   imageArray.push({"tags":item.tags,"url":item.url_sq});
});

，然后像这样引用:

imageArray[0].tags
imageArray[0].url
imageArray[1].tags
imageArray[1].url
...

Answer 3

JavaScript没有真正的多维数组(见鬼，它甚至没有真正的常规数组…)，但是，像大多数语言一样，它使用数组的数组。然而，在我看来，你需要一个包含数组的对象(有点类似于PHP的数组)。

var data = {
    tag1: ['URL_1', 'URL_2', 'URL_3', 'URL_n']
};
// Then accessed like:
data.tag1; // ['URL_1', ...]
data.tag1[0]; // 'URL_1'
data.tag1[1]; // 'URL_2'
// etc.

那么，你的问题看起来就像这样:

var tags = {};
$.each(data.photoset.photo, function (i, item) {
    $.each(item.tags.split(" "), function (i, tag) {
        if (!tags[tag])
            tags[tag] = [];
        tags[tag].push(item.url_sq);
    });
});
// tags is now something like:
// {
    "foo": ["/url.html", "/other-url/", ...],
    "bar": ["/yes-im-a-lisp-programmer-and-thats-why-i-hypenate-things-that-others-might-underscore-or-camelcase/", ...],
    ...
//}

Answer 4

也许在你的each:

if ( imageArray[item.tags] != null ){
   imageArray[item.tags][imageArray[item.tags].length] = item.url_sq;
}else{
   imageArray[item.tags] = [];
}

Answer 5

是的!我发现这相当快。我可能会说，这可能是最快的方式可能生成N维数组的N长度导致空数组使用JavaScript。(即任意数量的维度，每个维度具有任意长度)

尽管JavaScript中数组的定义充其量是模糊的。

function createNDimArray(dimensions) {
    var t, i = 0, s = dimensions[0], arr = new Array(s);
    if ( dimensions.length < 3 ) for ( t = dimensions[1] ; i < s ; ) arr[i++] = new Array(t);
    else for ( t = dimensions.slice(1) ; i < s ; ) arr[i++] = createNDimArray(t);
    return arr;
}

用法:

var arr = createNDimArray([3, 2, 3]); 
//  arr = [[[,,],[,,]],[[,,],[,,]],[[,,],[,,]]]
console.log(arr[2][1]); // in FF: Array [ <3 empty slots> ]
console.log("Falsy = " + (arr[2][1][0]?true:false) ); // Falsy = false

如果你想读更多;看看我对这个问题的回答

Answer 6

是的，在javascript中可以有多维数组

下面是5x5矩阵的一行代码:

Array(5).fill(0).map(() => new Array(5).fill(0))

或

[...Array(5)].map(x=>Array(5).fill(0))

Answer 7

我想这样的东西应该可以满足你的需求

 var imageArray = [];   
 $.each(data.photoset.photo, function(i, item) {
   // if the tag is new, then create an array
   if(!imageArray[item.tags])
     imageArray[item.tags] = [];
   // push the item url onto the tag
   imageArray[item.tags].push(item.url_sq);
 });

Answer 8

你可以简单地尝试这个2d js数组:

let myArray = [[]];