It's almost time for a Christmas Table, but that's not the kind of tables I want to talk about today.
And this time there's no need to install a dependency: we'll touch upon built in console functionality that's ofter overlooked. I present to you console.table
Create a new file, e.g. main.ts and paste the following code:
const recipes = [
{
name: "Roast Turkey",
ingredients: [
"1 whole turkey",
"salt",
"pepper",
"butter",
"herbs (rosemary, thyme, sage)",
"onion",
"carrot",
"celery",
],
instructions:
"Season the turkey with salt, pepper, and herbs. Stuff with onion, carrot, and celery. Roast at 350°F (175°C) for 3-4 hours or until internal temperature reaches 165°F (75°C).",
difficulty: "Hard",
time: "4-5 hours",
},
{
name: "Gingerbread Cookies",
ingredients: [
"2 1/4 cups flour",
"1 tsp baking soda",
"1 tsp ground ginger",
"1 tsp ground cinnamon",
"1/2 tsp ground cloves",
"1/2 tsp salt",
"3/4 cup unsalted butter",
"1 cup brown sugar",
"1 egg",
"1/4 cup molasses",
],
instructions:
"Mix dry ingredients. Beat butter and sugar until creamy, add egg and molasses. Combine wet and dry ingredients. Roll dough, cut shapes, and bake at 350°F (175°C) for 8-10 minutes.",
difficulty: "Medium",
time: "1 hour",
},
{
name: "Eggnog",
ingredients: [
"4 cups whole milk",
"1 cup heavy cream",
"6 large eggs",
"3/4 cup sugar",
"1/2 tsp nutmeg",
"1 tsp vanilla extract",
"1/2 cup rum or bourbon (optional)",
],
instructions:
"Whisk eggs and sugar. Heat milk and cream gently, then slowly add egg mixture. Cook until thickened. Stir in vanilla, nutmeg, and alcohol if using. Chill before serving.",
difficulty: "Easy",
time: "30 minutes + chilling time",
},
{
name: "Christmas Fruitcake",
ingredients: [
"2 cups mixed dried fruits",
"1 cup nuts (walnuts, almonds)",
"1 cup flour",
"1 tsp baking powder",
"1/2 tsp cinnamon",
"1/2 tsp nutmeg",
"1/2 cup brown sugar",
"1/2 cup butter",
"2 eggs",
],
instructions:
"Soak dried fruits in warm water or brandy. Cream butter and sugar, add eggs, and fold in dry ingredients and fruits. Bake at 300°F (150°C) for 2-3 hours.",
difficulty: "Medium",
time: "3-4 hours",
},
{
name: "Candy Cane Hot Chocolate",
ingredients: [
"2 cups milk",
"1/2 cup heavy cream",
"1/2 cup chocolate chips",
"2 tbsp cocoa powder",
"2 tbsp sugar",
"1 tsp vanilla extract",
"2 candy canes (crushed)",
],
instructions:
"Heat milk, cream, cocoa powder, and sugar. Stir in chocolate chips until melted. Add vanilla and crushed candy canes. Serve with whipped cream and extra candy cane sprinkles.",
difficulty: "Easy",
time: "15 minutes",
},
];
console.table(recipes, ["name", "difficulty", "time"]);
Run it with e.g. deno run ./main.ts and enjoy a quick and well structured table with recipes overview:
deno run ./main.ts
┌───────┬────────────────────────────┬────────────┬──────────────────────────────┐
│ (idx) │ name │ difficulty │ time │
├───────┼────────────────────────────┼────────────┼──────────────────────────────┤
│ 0 │ "Roast Turkey" │ "Hard" │ "4-5 hours" │
│ 1 │ "Gingerbread Cookies" │ "Medium" │ "1 hour" │
│ 2 │ "Eggnog" │ "Easy" │ "30 minutes + chilling time" │
│ 3 │ "Christmas Fruitcake" │ "Medium" │ "3-4 hours" │
│ 4 │ "Candy Cane Hot Chocolate" │ "Easy" │ "15 minutes" │
└───────┴────────────────────────────┴────────────┴──────────────────────────────┘
Neat isn't it? This method works for object and arrays and without the second argument it would render all properties, which can result in a bit of a messy output:
Which is unfortunate, but in the end of the data, maybe if data table doesn't fit into a screen we could use another format of representing it, e.g. console.dir?
Liked the content and would love to have more of it all year long?
Top comments (0)