gpt4 book ai didi

javascript - 了解 jBox 访问数组中的属性

转载 作者:行者123 更新时间:2023-12-02 15:54:25 26 4
gpt4 key购买 nike

我刚刚浏览了 jBox.js 的代码,发现了以下代码片段:

var appendImage = function(gallery, id, preload, open) {
if (jQuery('#jBox-image-' + gallery + '-' + id).length) return;

var image = jQuery('<div/>', {
id: 'jBox-image-' + gallery + '-' + id,
'class': 'jBox-image-container'
}).css({
backgroundImage: 'url(' + this.images[gallery][id].src + ')',
backgroundSize: this.options.imageSize,
opacity: (open ? 1 : 0),
zIndex: (preload ? 0 : this.imageZIndex++)
}).appendTo(this.content);

var text = jQuery('<div/>', {
id: 'jBox-image-label-' + gallery + '-' + id,
'class': 'jBox-image-label' + (open ? ' active' : '')
}).html(this.images[gallery][id].label).appendTo(this.imageLabel);

!open && !preload && image.animate({opacity: 1}, this.options.imageFade);
}.bind(this);

现在我的问题与试图访问数组中的某个属性的非常复杂的代码行有关,我正在谈论以下代码行:

this.images[gallery][id].src

上面的行真正试图访问什么样的数组?我已经工作并访问了如下数组:

var s = [{
a : 'name',
b : 'surname'
}];

val = s[0].a; // "name"

console.log(val);

但是我强调的语法似乎有一些额外的层次结构。抱歉,我仍然是一个 javascript 新手,我发现很难想象如何像下面这样访问数组。

this.images[gallery][id].src

看起来像?那么有人可以给我举个例子吗?并解释一下?

谢谢。

最佳答案

gallery, id 可能只是字符串,您可以使用以下属性访问器:

var gallery = 'galleryx',
id = 'idx';

var images = { 'galleryx': { 'idx': 2 } };

console.log(images[gallery][id]) // === 2

关于javascript - 了解 jBox 访问数组中的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31663878/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com