javascript - Jquery attr + 二维数组问题

Question

我有以下脚本，但我找不到如何在 $('#img2').attr('src',car[0] 中使用 car[0]['img'] 中的值['img']);我是 JS 新手，所以请解释一下。为什么 jquery 不接受二维数组作为字符串值并运行该函数，我的问题的可能解决方案是什么？

var id = 0 ;
            var car = new Array();
            car[0]['img'] = "./images/carousel_img_2.jpg";
            car[0]['title'] ="title";
            car[0]['desc'] = 'longer description goes here';
            car[0]['link'] = "http://goeshere.com";
            car[1]['img'] = "./images/carousel_img_3.jpg";
            car[1]['title'] ='title';
            car[1]['desc'] = 'longer description goes here';
            car[1]['link'] = "http://goeshere.com";
            car[2]['img'] = "./images/carousel_img_2.jpg";
            car[2]['title'] ='title';
            car[2]['desc'] = 'longer description goes here';
            car[2]['link'] = "http://goeshere.com";


            function nxt () {   
        $('#img2').fadeOut('slow', function(){

            var img = car[i]['img'] ;
            $('#img2').attr('src',img);
        });
        $('#img2').fadeIn('slow');

            }

Answer 1

JavaScript 对数组和字典(键/值存储的奇特术语，如关联数组)有不同的数据类型。数组要么通过 Array() 构造函数(如您所做的那样)定义，要么通过方括号 [] 定义，而字典是用大括号 {} 定义。

一个数组的例子:

var array = ['one', 'two', 'three];
alert ( array[0] ); // "one";

字典示例:

var dict = {
    'one': 'one one',
    'two': 'two two',
    'three': 'three three'
}
alert( dict.one ); // "one one"

尝试稍微修改一下数组定义:

var car = [
    {
        'img': './images/carousel_img_2.jpg',
        'title': 'title',
        'desc': 'longer description goes here',
        'link': 'http://goeshere.com'
    },
    {
        'img': './images/carousel_img_3.jpg',
        'title': 'title',
        'desc': 'longer description goes here',
        'link': 'http://goeshere.com'
    },
    {
        'img': './images/carousel_img_2.jpg',
        'title': 'title',
        'desc': 'longer description goes here',
        'link': 'http://goeshere.com'
    }
];
alert( car[0].img ); // "./images/carousel_img_2.jpg"