From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/console/table/index.md | 120 +++++++++++++++----------------- 1 file changed, 58 insertions(+), 62 deletions(-) (limited to 'files/fr/web/api/console/table') diff --git a/files/fr/web/api/console/table/index.md b/files/fr/web/api/console/table/index.md index 1f5beabcd2..d10348512f 100644 --- a/files/fr/web/api/console/table/index.md +++ b/files/fr/web/api/console/table/index.md @@ -10,29 +10,32 @@ tags: - débogage translation_of: Web/API/Console/table --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

Affiche des données tabulaires sous la forme d'un tableau.

+Affiche des données tabulaires sous la forme d'un tableau. -

Cette fonction prend un argument obligatoire data, qui doit être un tableau (Array) ou un objet, et un argument facultatif columns.

+Cette fonction prend un argument obligatoire `data`, qui doit être un tableau (Array) ou un objet, et un argument facultatif `columns`. -

Il affiche data sous la forme d'un tableau. Chaque élément dans le tableau fourni (Array) sera affiché comme une ligne dans le tableau. (ou les propriétés énumérables s'il s'agit d'un objet)

+Il affiche `data` sous la forme d'un tableau. Chaque élément dans le tableau fourni (Array) sera affiché comme une ligne dans le tableau. (ou les propriétés énumérables s'il s'agit d'un objet) -

La première colonne dans le tableau sera intitulé (index). Si data est un tableau (Array), alors les valeurs de cette colonne seront les index du tableau (Array). Si data est un objet, alors ses valeurs seront les noms des propriétés.À noter (dans Firefox) :  console.table est limité à l'affichage de 1000 lignes (la première ligne est l'index étiqueté)

+La première colonne dans le tableau sera intitulé `(index)`. Si `data` est un tableau (Array), alors les valeurs de cette colonne seront les index du tableau (Array). Si `data` est un objet, alors ses valeurs seront les noms des propriétés.À noter (dans Firefox) :  `console.table` est limité à l'affichage de 1000 lignes (la première ligne est l'index étiqueté) -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

Collections de données primitives

+### Collections de données primitives -

data peut contenir un tableau ou un objet.

+`data` peut contenir un tableau ou un objet. -
// un tableau de chaînes de caractères
+```js
+// un tableau de chaînes de caractères
 
-console.table(["apples", "oranges", "bananas"]);
+console.table(["apples", "oranges", "bananas"]); +``` -

+![](console-table-array.png) -
// un objet dont les propriétés sont des chaînes de caractères
+```js
+// un objet dont les propriétés sont des chaînes de caractères
 
 function Person(firstName, lastName) {
   this.firstName = firstName;
@@ -41,22 +44,26 @@ function Person(firstName, lastName) {
 
 var me = new Person("John", "Smith");
 
-console.table(me);
+console.table(me); +``` -

+![](console-table-simple-object.png) -

Collections de données composées

+### Collections de données composées -

Si les éléments d'un tableau, ou les propriétés d'un objet, sont eux-mêmes des tableaux ou des objets, alors ces éléments ou propriétés sont énumérés dans chaque ligne, un élément par colonne :

+Si les éléments d'un tableau, ou les propriétés d'un objet, sont eux-mêmes des tableaux ou des objets, alors ces éléments ou propriétés sont énumérés dans chaque ligne, un élément par colonne : -
// un tableau de tableaux
+```js
+// un tableau de tableaux
 
 var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
-console.table(people);
+console.table(people); +``` -

Un tableau qui affiche un tableau de tableaux

+![Un tableau qui affiche un tableau de tableaux](console-table-array-of-array.png) -
// un tableau d'objets
+```js
+// un tableau d'objets
 
 function Person(firstName, lastName) {
   this.firstName = firstName;
@@ -67,13 +74,15 @@ var john = new Person("John", "Smith");
 var jane = new Person("Jane", "Doe");
 var emily = new Person("Emily", "Jones");
 
-console.table([john, jane, emily]);
+console.table([john, jane, emily]); +``` -

Notez que si le tableau contient des objets, alors les colonnes seront nommées avec les noms des propriétés.

+Notez que si le tableau contient des objets, alors les colonnes seront nommées avec les noms des propriétés. -

Un tableau qui affiche un tableau d'objets

+![Un tableau qui affiche un tableau d'objets](console-table-array-of-objects.png) -
// un objet contenant des propriétés qui sont des objets
+```js
+// un objet contenant des propriétés qui sont des objets
 
 var family = {};
 
@@ -81,15 +90,17 @@ family.mother = new Person("Jane", "Smith");
 family.father = new Person("John", "Smith");
 family.daughter = new Person("Emily", "Smith");
 
-console.table(family);
+console.table(family); +``` -

Un tableau affichant des objets composés d'objets

+![Un tableau affichant des objets composés d'objets](console-table-object-of-objects.png) -

Restreindre les colonnes affichées

+### Restreindre les colonnes affichées -

Par défaut, console.table() liste tous les éléments pour chaque ligne. Vous pouvez utiliser le paramètre facultatif columns pour sélectionner un sous-ensemble de colonnes à afficher :

+Par défaut, `console.table()` liste tous les éléments pour chaque ligne. Vous pouvez utiliser le paramètre facultatif `columns` pour sélectionner un sous-ensemble de colonnes à afficher : -
// un tableau d'objets, affichant seulement firstName
+```js
+// un tableau d'objets, affichant seulement firstName
 
 function Person(firstName, lastName) {
   this.firstName = firstName;
@@ -100,47 +111,32 @@ var john = new Person("John", "Smith");
 var jane = new Person("Jane", "Doe");
 var emily = new Person("Emily", "Jones");
 
-console.table([john, jane, emily], ["firstName"]);
+console.table([john, jane, emily], ["firstName"]); +``` -

Un tableau affichant un tableau d'objets dont la sortie est filtrée

+![Un tableau affichant un tableau d'objets dont la sortie est filtrée](console-table-array-of-objects-firstname-only.png) -

Ordonner les colonnes

+### Ordonner les colonnes -

Vous pouvez ordonner les colonnes en cliquant sur l'intitulé de la colonne.

+Vous pouvez ordonner les colonnes en cliquant sur l'intitulé de la colonne. -

Syntaxe

+## Syntaxe -
console.table(data [, columns]);
-
+ console.table(data [, columns]); -

Paramètres

+### Paramètres -
-
data
-
La donnée à afficher. Doit être un tableau ou un objet.
-
columns
-
Un tableau contenant les noms des colonnes à inclure dans la sortie.
-
+- `data` + - : La donnée à afficher. Doit être un tableau ou un objet. +- `columns` + - : Un tableau contenant les noms des colonnes à inclure dans la sortie. -

Spécification

+## Spécification - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("Console API", "#table", "console.table()")}}{{Spec2("Console API")}}Définition initiale
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#table", "console.table()")}} | {{Spec2("Console API")}} | Définition initiale | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -
{{Compat("api.Console.table")}}
+{{Compat("api.Console.table")}} -- cgit v1.2.3-54-g00ecf