Javascript函数

<script type="text/javascript">
    function print_r(theObj){ 
       if(theObj.constructor == Array || theObj.constructor == Object){ 
          document.write("<ul>") 
          for(var p in theObj){ 
             if(theObj[p].constructor == Array || theObj[p].constructor == Object){ 
                document.write("<li>["+p+"] => "+typeof(theObj)+"</li>"); 
                document.write("<ul>") 
                print_r(theObj[p]); 
                document.write("</ul>") 
             } else { 
                document.write("<li>["+p+"] => "+theObj[p]+"</li>"); 
             } 
          } 
          document.write("</ul>") 
       } 
    } 
</script>

正在打印对象

<script type="text/javascript">
print_r(JAVACRIPT_ARRAY_OR_OBJECT);
</script> 

通过Javascript中的print_r

编号：在这些示例中，yourObj定义了要检查的对象。

首先，我最不喜欢但最常用的显示对象的方式：

这是显示对象内容的实际方式

console.log(yourObj)

将产生如下结果：

我认为最好的解决方案是查看对象关键点，然后查看对象值，如果您真的想查看对象的内容。。。

console.log(Object.keys(yourObj));
console.log(Object.values(yourObj));

它将输出如下内容：（上图：存储在对象中的键/值）

如果您使用的是ECMAScript 2016或更高版本，还有一个新选项：

Object.keys(yourObj).forEach(e => console.log(`key=${e}  value=${yourObj[e]}`));

这将产生整洁的输出：前面的回答中提到的解决方案：console.log（yourObj）显示了太多的参数，并且不是显示所需数据的最方便用户的方式。这就是为什么我建议分别记录键和值。

下一步：

console.table(yourObj)

有人在之前的评论中建议过这个，但它从来没有对我起过作用。如果它对其他人在不同的浏览器或其他东西上起作用，那就太好了！我仍将代码放在此处以供参考！将向控制台输出如下内容：

这里有一种方法：

console.log("%o", obj);

你可以使用我的功能。使用数组或字符串或对象调用此函数，以提醒内容。

作用

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

用法

var data = [1, 2, 3, 4];
print_r(data);

如果希望以表格格式查看数据，可以使用：

console.table(obj);

如果单击表列，可以对表进行排序。

您还可以选择要显示的列：

console.table(obj, ['firstName', 'lastName']);

您可以在此处找到有关console.table的更多信息

我在项目中总是使用一个小助手函数，通过控制台进行简单、快速的调试。灵感来自拉雅维尔。

/**
 * @param variable mixed  The var to log to the console
 * @param varName string  Optional, will appear as a label before the var
 */
function dd(variable, varName) {
    var varNameOutput;

    varName = varName || '';
    varNameOutput = varName ? varName + ':' : '';

    console.warn(varNameOutput, variable, ' (' + (typeof variable) + ')');
}

用法

日（123.55）；输出：

var obj = {field1: 'xyz', field2: 2016};
dd(obj, 'My Cool Obj');