Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Detailed explanation of js console.log printing object and array usage

Detailed explanation of js console.log printing object and array usage

高洛峰
Release： 2017-02-03 14:42:05
Original
1231 people have browsed it

The example in this article describes the usage of js console.log printing objects and arrays. Share it with everyone for your reference, the details are as follows:

What is console.log? It is actually just a function for printing js arrays and objects, just like PHP's print_r, var_dump. There is nothing much to say about the console.log function itself. This blog will tell you how to use this function. Before talking about this function, I think what everyone uses most to view js output is alert, but alert can only play string or int

1. Test file test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
  {
    &#39;id&#39;: 1,
    &#39;content&#39;: &#39;test&#39;,
    &#39;firstname&#39;: function() {
      document.getElementById(&#39;firstname&#39;).value = "zhang";
    },
    &#39;lastname&#39;: function() {
      document.getElementById(&#39;lastname&#39;).value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id=&#39;firstname&#39; name="firstname" value=&#39;&#39;>
   <input type="text" id=&#39;lastname&#39; name=&#39;lastname&#39; value=&#39;&#39;>
</body>
</html>
Copy after login

2. Chrome development tools view js objects

js console.log打印对像与数组用法详解

console chrome

Now when I use chrome developer tools and firebug, they are half and half. Chrome developer tools also have a function that firebug does not have.

The console can run js. If the page is an iframe, firebug can only run on the parent, and chrome can select the page inside to execute. , if the picture below

js console.log打印对像与数组用法详解

chrome iframe console

3. Firebug view js object

js console.log打印对像与数组用法详解

firebug console

I hope this article will be helpful to everyone in JavaScript programming.

For more js console.log printing objects and array usage details, please pay attention to the PHP Chinese website!

Related labels：
js console.log 打印 对像 数组
source：php.cn
Previous article：9 Console commands to make JavaScript debugging easier Next article：The difference between alert() and console.log() in javascript
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2070
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2235
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1880
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1763
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1797
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template