Question

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

Answer 1

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

Answer 2

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

我倾向于使用jQuery-json plugin，如下所示：

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())

Answer 6

如果这是出于调试目的，我建议您使用JavaScript调试器，例如Firebug。它将允许您查看数组的全部内容以及更多内容，包括修改数组条目和单步执行代码。

Answer 7

如果您想要显示一个alert（）对象数组的内容，我建议您在对象中定义方法toString（），以便使用简单的警报（MyArray）;数组的完整内容将显示在警报中。

以下是一个例子：

//-------------------------------------------------------------------
// Defininf the Point object
function Point(CoordenadaX, CoordenadaY) {
    // Sets the point coordinates depending on the parameters defined
    switch (arguments.length) {
        case 0:
            this.x = null;
            this.y = null;
            break;
        case 1:
            this.x = CoordenadaX;
            this.y = null;
            break;
        case 2:
            this.x = CoordenadaX;
            this.y = CoordenadaY;
            break;
    }
    // This adds the toString Method to the point object so the 
    // point can be printed using alert();
    this.toString = function() {
        return " (" + this.x + "," + this.y + ") ";
    };
 }

然后，如果你有一个点数组：

var MyArray = [];
MyArray.push ( new Point(5,6) );
MyArray.push ( new Point(7,9) );

您只需打印即可打印：

alert(MyArray);

希望这有帮助！

Answer 8

您可以编写一个函数，将该数组转换并格式化为字符串。更好的是：使用FireBug进行调试而不是警报。

Answer 9

更好地使用Firebug（chrome控制台等）并使用console.dir（）

Answer 10

出于可读性目的，您可以使用：

alert(JSON.stringify(someArrayOrObj, '', 2));

有关JSON.stringify()的更多信息。

示例：

let user = {
  name: "John",
  age: 30,
  roles: {
    isAdmin: false,
    isEditor: true
  }
};

alert(JSON.stringify(user, "", 2));
/* Result:
{
  "name": "John",
  "age": 30,
  "roles": {
    "isAdmin": false,
    "isEditor": true
  }
} 
*/

Answer 11

alert($("#form_id").serialize());

如何使用alert（）查看JavaScript中的数组结构？

11 个答案: