如何使用alert()查看JavaScript中的数组结构？

Question

如何使用JavaScript查看数组的结构alert()？

Answer 1

一种非常基本的方法alert(arrayObj.join('\n')),它将在一行中显示每个数组元素.

Answer 2

编辑: Firefox和谷歌Chrome现在都有一个内置JSON对象,所以你可以说alert(JSON.stringify(myArray))不需要使用jQuery插件.这不是Javascript语言规范的一部分,因此您不应该依赖JSON于所有浏览器中存在的对象,但出于调试目的,它非常有用.

我倾向于使用jQuery-json插件,如下所示:

alert( $.toJSON(myArray) );

这将以类似的格式打印数组

[5, 6, 7, 11]

但是,为了调试您的Javascript代码,我强烈推荐Firebug 它实际上附带了一个Javascript控制台,因此您可以输入任何页面的Javascript代码并查看结果.数组之类的东西已经以上面使用的人类可读形式打印出来.

Firebug还有一个调试器,以及帮助您查看和调试HTML和CSS的屏幕.

Answer 3

将你的js数组传递给下面的函数,它将与php print_r()函数相同

 alert(print_r(your array));  //call it like this

function print_r(arr,level) {
var dumped_text = "";
if(!level) level = 0;

//The padding given at the beginning of the line.
var level_padding = "";
for(var j=0;j<level+1;j++) level_padding += "    ";

if(typeof(arr) == 'object') { //Array/Hashes/Objects 
    for(var item in arr) {
        var value = arr[item];

        if(typeof(value) == 'object') { //If it is an array,
            dumped_text += level_padding + "'" + item + "' ...\n";
            dumped_text += print_r(value,level+1);
        } else {
            dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
        }
    }
} else { //Stings/Chars/Numbers etc.
    dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
}
return dumped_text;
}

Answer 4

您可以使用 alert(arrayObj.toSource());

Answer 5

我建议使用toString().

防爆.alert(array.toString()), 要么console.log(array.toString())