Как я могу просмотреть структуру массива в JavaScript с помощью alert ()?

Как я могу просмотреть структуру массива в JavaScript с помощью alert()?

Самый простой подход - alert(arrayObj.join('\n'))это отображение каждого элемента массива в строке.

РЕДАКТИРОВАТЬ: Firefox и Google 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.

передайте свой массив 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;
}

Ты можешь использовать alert(arrayObj.toSource());

Я бы рекомендовал использовать toString ().

Ex. alert(array.toString()), илиconsole.log(array.toString())

Если это нужно для отладки, я бы посоветовал вам использовать отладчик JavaScript, такой как Firebug . Это позволит вам просматривать все содержимое массивов и многое другое, включая изменение записей массива и пошаговое выполнение кода.

Если вы хотите показать с помощью 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);

Надеюсь это поможет!

Вы можете написать функцию, которая будет преобразовывать и форматировать этот массив как строку. Еще лучше: используйте FireBug для отладки вместо предупреждений.

Лучше используйте Firebug (хромированная консоль и т. Д.) И используйте console.dir ()

Для удобства чтения вы можете использовать:

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
  }
} 
*/

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