We have an array of plain objects:
[
{ name: ' John ' , email: ' [email protected] ' },
{ name: ' Jane ' , email: ' [email protected] ' },
{ name: ' Emily ' , email: ' [email protected] ' }
]
We want:
* A "visual representation" of the list.
* Ability to sort by name or email in DevTools.
console.table:
* console.table(data) renders data as a table in most browser devtools and Node consoles that support it.
* Each object becomes a row; properties (name, email) become columns.
* Many DevTools UIs allow:
* Clicking column headers to sort by that column.
* Filtering / viewing in a structured way.
So:
console.table(usersList);
Displays a sortable table of users by name or email. This matches the requirement exactly.
Other options:
* console.group(usersList);
* Starts a console group. The argument is just logged as a line label.
* It does not create a table or sortable view; it just groups subsequent logs.
* console.groupCollapsed(usersList);
* Same grouping behavior, but collapsed by default.
* Again, no table or sortable columns.
* console.info(usersList);
* Logs the array in the console, but as a standard log/info.
* You can expand objects, but there is no table view or built-in column sorting.
Therefore, the correct method is:
The answer: A
Study Guide / Concept References (no links):
* console.table for tabular logging
* console.group and console.groupCollapsed for grouped logs
* console.log / console.info standard logging behavior
* DevTools UI support for sorting columns in console.table