JavaScript console.table() Method
You are Here:
JavaScript console.table() Method
The console.table() method displays tabular data as a table.
Note: While trying all these examples, it is recommended to open your console first, and then click on the "Run" button.
Display Array
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<body>
<script>
var arr = ["Honda", "Yamaha", "Suzuki"];
console.table(arr);
</script>
</body>
</html>
Syntax
console.table(data, columnName)
Parameter Values
| Value | Type | Explanation |
|---|---|---|
| data | Required | The data to display. This must be either an array or an object. |
| columnName | Optional | An array containing the names of columns to include in the output. |
Display Object
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<body>
<script>
var obj = {brand:"Honda", color:"red"};
console.table(obj);
</script>
</body>
</html>
Display Multiple Object
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<body>
<script>
var bike1 = {brand:"Honda", color:"red"};
var bike2 = {brand:"Yamaha", color:"black"};
var bike3 = {brand:"Suzuki", color:"grey"};
console.table([bike1, bike2, bike3]);
</script>
</body>
</html>
More Examples
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<body>
<script>
function bike(brand, color){
this.brand = brand;
this.color = color;
}
var bike1 = new bike("Honda", "red");
var bike2 = new bike("Yamaha", "black");
var bike3 = new bike("Suzuki", "grey");
console.table([bike1, bike2, bike3], ["color"]);
</script>
</body>
</html>
Reminder
Hi Developers, we almost covered 97% of JavaScript Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in JavaScript.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.
