\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{mr.freelancer}
\pdfinfo{
  /Title (aide-memoire-pour-javascript.pdf)
  /Creator (Cheatography)
  /Author (mr.freelancer)
  /Subject (Aide-mémoire pour JavaScript Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Aide-mémoire pour JavaScript Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{mr.freelancer} via \textcolor{DarkBackground}{\uline{cheatography.com/201646/cs/42704/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}mr.freelancer \\
  \uline{cheatography.com/mr-freelancer} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 15th March, 2024.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{x{1.79172 cm} x{3.18528 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Variable}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}automatique\textasciicircum{} & \textasciicircum{}nomVar = "data"\textasciicircum{} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\textasciicircum{}let\textasciicircum{} & \textasciicircum{}let nomVar = "data"\textasciicircum{} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}var\textasciicircum{} & \textasciicircum{}var nomVar = "data"\textasciicircum{} \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
\textasciicircum{}const\textasciicircum{} & \textasciicircum{}const nomVar = "data"\textasciicircum{} \tn 
% Row Count 4 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Toujours utiliser const si la valeur ou le type (Tableaux et Objets) ne doit pas être modifiée \newline N'utilisez que let si vous ne pouvez pas l'utiliser const \newline À utiliser uniquement var si vous DEVEZ prendre en charge les anciens navigateurs}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.9862 cm} x{1.9908 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Commentaire}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}commentaire sur une ligne\textasciicircum{} & \textasciicircum{}// commentaire\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}Commentaires plusieurs lignes\textasciicircum{} & \textasciicircum{}/* commentaires */\textasciicircum{} \tn 
% Row Count 4 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} x{4.4793 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Opérateurs}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}+\textasciicircum{} & \textasciicircum{}Addition\textasciicircum{} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\textasciicircum{}-\textasciicircum{} & \textasciicircum{}Soustraction\textasciicircum{} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}*\textasciicircum{} & \textasciicircum{}Multiplication\textasciicircum{} \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
\textasciicircum{}/\textasciicircum{} & \textasciicircum{}Division\textasciicircum{} \tn 
% Row Count 4 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}++\textasciicircum{} & \textasciicircum{}Incrément\textasciicircum{} \tn 
% Row Count 5 (+ 1)
% Row 5
\SetRowColor{white}
\textasciicircum{}-{}-\textasciicircum{} & \textasciicircum{}Décrément\textasciicircum{} \tn 
% Row Count 6 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\textasciicircum{}+=\textasciicircum{} & \textasciicircum{}Additionne puis affecte le résultat à la variable\textasciicircum{} \tn 
% Row Count 8 (+ 2)
% Row 7
\SetRowColor{white}
\textasciicircum{}-=\textasciicircum{} & \textasciicircum{}Soustrait puis affecte le résultat à la variable\textasciicircum{} \tn 
% Row Count 10 (+ 2)
% Row 8
\SetRowColor{LightBackground}
\textasciicircum{}\%\textasciicircum{} & \textasciicircum{}Modulo\textasciicircum{} \tn 
% Row Count 11 (+ 1)
% Row 9
\SetRowColor{white}
\textasciicircum{}**\textasciicircum{} & \textasciicircum{}Puissance\textasciicircum{} \tn 
% Row Count 12 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.89126 cm} x{3.08574 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Fonction nombre}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}number.toString()\textasciicircum{} & \textasciicircum{}renvoie un nombre sous forme de chaîne\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}Number("10")\textasciicircum{} & \textasciicircum{}utilisée pour convertir des variables JavaScript en nombres\textasciicircum{} \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}Number.isInteger()\textasciicircum{} & \textasciicircum{}Renvoie vrai si l'argument est un entier\textasciicircum{} \tn 
% Row Count 7 (+ 2)
% Row 3
\SetRowColor{white}
\textasciicircum{}Number.isSafeInteger()\textasciicircum{} & \textasciicircum{}Renvoie vrai si l'argument est un entier sûr\textasciicircum{} \tn 
% Row Count 9 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}Number.parseFloat()\textasciicircum{} & \textasciicircum{}Convertit une chaîne en nombre\textasciicircum{} \tn 
% Row Count 11 (+ 2)
% Row 5
\SetRowColor{white}
\textasciicircum{}Number.parseInt()\textasciicircum{} & \textasciicircum{}Convertit une chaîne en nombre entier\textasciicircum{} \tn 
% Row Count 13 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Switch}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{let x = "0"; \newline switch (x) \{ \newline   case 0: \newline     text = "Off"; \newline     break; \newline   case 1: \newline     text = "On"; \newline     break; \newline   default: \newline     text = "No value found"; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Boucle for}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{for (let i = 0; i \textless{} 5; i++) \{ \newline   text += i; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{L'expression 1 définit une variable avant le début de la boucle (soit i = 0). \newline L'expression 2 définit la condition d'exécution de la boucle (i doit être inférieur à 5). \newline L'expression 3 augmente une valeur (i++) à chaque fois que le bloc de code de la boucle est exécuté. \newline .length}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{foreach}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{const numbers = {[}45, 4, 9, 16, 25{]}; \newline  \newline let txt = ""; \newline numbers.forEach(myFunction); \newline  \newline function myFunction(value, index, array)  \newline \{ \newline   txt += value; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{La valeur de l'article, L'index des articles \newline Le tableau lui-même}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Classe}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{créer une class  \newline  \newline class Car \{ \newline   constructor(name, year) \{ \newline     this.name = name; \newline     this. Year = year; \newline   \} \newline \} \newline  \newline utiliser une class \newline  \newline const myCar1 = new Car("Ford", 2014); \newline  \newline créer des méthodes \newline  \newline class ClassName \{ \newline   constructor() \{ ... \} \newline   method\_1() \{ ... \} \newline   method\_2() \{ ... \} \newline   method\_3() \{ ... \} \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Classe}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{créer une class  \newline  \newline class Car \{ \newline   constructor(name, year) \{ \newline     this.name = name; \newline     this. Year = year; \newline   \} \newline \} \newline  \newline utiliser une class \newline  \newline const myCar1 = new Car("Ford", 2014); \newline  \newline créer des méthodes \newline  \newline class ClassName \{ \newline   constructor() \{ ... \} \newline   method\_1() \{ ... \} \newline   method\_2() \{ ... \} \newline   method\_3() \{ ... \} \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Fonction}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{function nomFonction(a, b) \{ \newline   return a * b; \newline \} \newline  \newline // utilisation de la fonction \newline let x = myFunction(4, 3);} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Chaine de caractère}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{let Name1 = "john"; // Double quotes \newline let Name2 = 'doe'; // Single quotes} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Le caractère d'échappement barre oblique inverse ( \textbackslash{}) transforme les caractères spéciaux en caractères de chaîne}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{fonction chaine caractère}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}text. Length\textasciicircum{} & \textasciicircum{}length renvoie la longueur d'une chaîne\textasciicircum{} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\textasciicircum{}text.charAt(0)\textasciicircum{} & \textasciicircum{}renvoie le caractère qui est à cette index\textasciicircum{} \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}text.charCodeAt(0)\textasciicircum{} & \textasciicircum{}renvoie le code utf\textasciicircum{} \tn 
% Row Count 8 (+ 2)
% Row 3
\SetRowColor{white}
\textasciicircum{}text. Slice(7, 13)\textasciicircum{} & \textasciicircum{}Découpez une partie d'une chaîne de la position 7 à la position 13\textasciicircum{} \tn 
% Row Count 12 (+ 4)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}text.toUpperCase()\textasciicircum{} & \textasciicircum{}chaîne est convertie en majuscule\textasciicircum{} \tn 
% Row Count 14 (+ 2)
% Row 5
\SetRowColor{white}
\textasciicircum{}text. Trim()\textasciicircum{} & \textasciicircum{}supprime les espaces des deux côtés d'une chaîne\textasciicircum{} \tn 
% Row Count 17 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\textasciicircum{}text.trimStart()\textasciicircum{} & \textasciicircum{}supprime les espaces uniquement à partir du début\textasciicircum{} \tn 
% Row Count 20 (+ 3)
% Row 7
\SetRowColor{white}
\textasciicircum{}text.trimEnd()\textasciicircum{} & \textasciicircum{}supprime les espaces uniquement à la fin \textasciicircum{} \tn 
% Row Count 23 (+ 3)
% Row 8
\SetRowColor{LightBackground}
\textasciicircum{}text.padStart(4,"0")\textasciicircum{} & \textasciicircum{}méthode remplit une chaîne depuis le début\textasciicircum{} \tn 
% Row Count 26 (+ 3)
% Row 9
\SetRowColor{white}
\textasciicircum{}text.padEnd(4,"0")\textasciicircum{} & \textasciicircum{}méthode remplit une chaîne à partir de la fin\textasciicircum{} \tn 
% Row Count 29 (+ 3)
% Row 10
\SetRowColor{LightBackground}
\textasciicircum{}text.repeat(2)\textasciicircum{} & \textasciicircum{}méthode renvoie une chaîne avec un certain nombre de copies d'une chaîne\textasciicircum{} \tn 
% Row Count 33 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{fonction chaine caractère (cont)}}  \tn
% Row 11
\SetRowColor{LightBackground}
\textasciicircum{}text.replace("Microsoft", "W3Schools")\textasciicircum{} & \textasciicircum{}méthode remplace une valeur spécifiée par une autre valeur dans une chaîne\textasciicircum{} \tn 
% Row Count 4 (+ 4)
% Row 12
\SetRowColor{white}
\textasciicircum{}text.match("ain")\textasciicircum{} & \textasciicircum{}renvoie un tableau contenant les résultats de la correspondance\textasciicircum{} \tn 
% Row Count 8 (+ 4)
% Row 13
\SetRowColor{LightBackground}
\textasciicircum{}text.includes("world")\textasciicircum{} & \textasciicircum{}includes()méthode renvoie true si une chaîne contient une valeur spécifiée\textasciicircum{} \tn 
% Row Count 12 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{for in}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{const person =  \newline \{fname:"John", lname:"Doe", age:25\}; \newline  \newline let text = ""; \newline for (let x in person) \{ \newline   text += person{[}x{]}; \newline \} \newline  \newline const numbers = {[}45, 4, 9, 16, 25{]}; \newline  \newline let txt = ""; \newline for (let x in numbers) \{ \newline   txt += numbers{[}x{]}; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{La boucle for in parcourt un objet personne \newline Chaque itération renvoie une clé (x) \newline La clé permet d'accéder à la valeur de la clé \newline La valeur de la clé est personne{[}x{]}}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Condition}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{\textasciicircum{}if (condition) \{ instruction \}\textasciicircum{}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{\textasciicircum{}if (condition) \{   instruction \} else \{  instruction \}\textasciicircum{}} \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{\textasciicircum{}if (condition1) \{ instruction \} else if (condition2) \{instruction\} else \{  instruction \}\textasciicircum{}} \tn 
% Row Count 5 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{For of}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{const cars = {[}"BMW", "Volvo",  \newline "Mini"{]}; \newline  \newline let text = ""; \newline for (let x of cars) \{ \newline   text += x; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{for of parcourt les valeurs d'un objet itérable. \newline  \newline Il vous permet de parcourir des structures de données itérables telles que des tableaux, des chaînes, des cartes, des listes de nœuds, etc}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.34379 cm} x{3.63321 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Fonction math}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}Math.abs(a)\textasciicircum{} & \textasciicircum{}Retourne la valeur absolue de a\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}Math.round(a)\textasciicircum{} & \textasciicircum{}Retourne l'entier arrondi le plus proche de a\textasciicircum{} \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}Math.ceil(a)\textasciicircum{} & \textasciicircum{}Retourne l'entier immédiatement supérieur (ou égal) à a\textasciicircum{} \tn 
% Row Count 7 (+ 3)
% Row 3
\SetRowColor{white}
\textasciicircum{}Math.floor(a)\textasciicircum{} & \textasciicircum{}Retourne l'entier immédiatement inférieur (ou égal) à a\textasciicircum{} \tn 
% Row Count 10 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}Math.sqrt(a)\textasciicircum{} & \textasciicircum{}Retourne la racine carrée de a\textasciicircum{} \tn 
% Row Count 12 (+ 2)
% Row 5
\SetRowColor{white}
\textasciicircum{}Math.log(a)\textasciicircum{} & \textasciicircum{}Retourne le logarithme de a\textasciicircum{} \tn 
% Row Count 14 (+ 2)
% Row 6
\SetRowColor{LightBackground}
\textasciicircum{}Math.ln(a)\textasciicircum{} & \textasciicircum{}Retourne le logarithme népérien de a\textasciicircum{} \tn 
% Row Count 16 (+ 2)
% Row 7
\SetRowColor{white}
\textasciicircum{}Math.exp(a)\textasciicircum{} & \textasciicircum{}Retourne l'exponentielle de a\textasciicircum{} \tn 
% Row Count 18 (+ 2)
% Row 8
\SetRowColor{LightBackground}
\textasciicircum{}Math.pow(a,b)\textasciicircum{} & \textasciicircum{}Retourne a à la puissance b\textasciicircum{} \tn 
% Row Count 20 (+ 2)
% Row 9
\SetRowColor{white}
\textasciicircum{}Math.min(a,b)\textasciicircum{} & \textasciicircum{}Retourne le plus petit des paramètres a ou b\textasciicircum{} \tn 
% Row Count 22 (+ 2)
% Row 10
\SetRowColor{LightBackground}
\textasciicircum{}Math.max(a,b)\textasciicircum{} & \textasciicircum{}Retourne le plus grand des paramètres a ou b\textasciicircum{} \tn 
% Row Count 24 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Objet}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{const person = \{ \newline   prenom : "John", \newline    nom : "Doe", \newline   id       : 9985, \newline   fullName : function() \{nom \newline    return this.nom + " " + this.prenom; \newline   \} \newline \}; \newline  \newline // 2 utilisations possible \newline  \newline person.nom; \newline person{[}"prenom"{]};} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Dans une méthode objet, this fait référence à l'objet .}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.09848 cm} x{1.55618 cm} x{1.92234 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{5.377cm}}{\bf\textcolor{white}{Type}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}String\textasciicircum{} & \textasciicircum{}Chaîne de caractères\textasciicircum{} & \textasciicircum{}let test = "Hello world !";\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}Number\textasciicircum{} & \textasciicircum{}Nombre\textasciicircum{} & \textasciicircum{}let test = 42;\textasciicircum{} \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}Boolean ou bool\textasciicircum{} & \textasciicircum{}Vrai/Faux\textasciicircum{} & \textasciicircum{}let test = true;\textasciicircum{} \tn 
% Row Count 5 (+ 2)
% Row 3
\SetRowColor{white}
\textasciicircum{}Null\textasciicircum{} & \textasciicircum{}Nul ou vide\textasciicircum{} & \textasciicircum{}let test = null;\textasciicircum{} \tn 
% Row Count 7 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}Undefined\textasciicircum{} & \textasciicircum{}non définie\textasciicircum{} &  \tn 
% Row Count 9 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.59264 cm} x{3.38436 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Array}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}Créer un tableau\textasciicircum{} & \textasciicircum{}const cars = {[}"Saab", "Volvo", "BMW"{]};\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}Créer un tableau\textasciicircum{} & \textasciicircum{}const cars = {[}{]}; cars{[}0{]}= "Saab"; cars{[}1{]}= "Volvo"; cars{[}2{]}= "BMW";\textasciicircum{} \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}Créer un tableau\textasciicircum{} & \textasciicircum{}const cars = new Array("Saab", "Volvo", "BMW");\textasciicircum{} \tn 
% Row Count 7 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.14011 cm} x{2.83689 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Fonction Array}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}let length = fruits. Length;\textasciicircum{} & \textasciicircum{}longueur d'un tableau (le nombre d'éléments du tableau)\textasciicircum{} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\textasciicircum{}tab.push("data");\textasciicircum{} & \textasciicircum{}ajouter un nouvel élément à un tableau\textasciicircum{} \tn 
% Row Count 5 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}Array.isArray(fruits)\textasciicircum{} & \textasciicircum{} renvoie true si un tableau\textasciicircum{} \tn 
% Row Count 7 (+ 2)
% Row 3
\SetRowColor{white}
\textasciicircum{}tab.toString()\textasciicircum{} & \textasciicircum{}convertit un tableau en chaîne \textasciicircum{} \tn 
% Row Count 9 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}tab.join(" * ");\textasciicircum{} & \textasciicircum{}comme toString(), mais spécifier le séparateur\textasciicircum{} \tn 
% Row Count 12 (+ 3)
% Row 5
\SetRowColor{white}
\textasciicircum{}tab.pop()\textasciicircum{} & \textasciicircum{}supprime le dernier élément \textasciicircum{} \tn 
% Row Count 14 (+ 2)
% Row 6
\SetRowColor{LightBackground}
\textasciicircum{}tab.shift();\textasciicircum{} & \textasciicircum{}supprime le premier élément du tableau\textasciicircum{} \tn 
% Row Count 16 (+ 2)
% Row 7
\SetRowColor{white}
\textasciicircum{}tab.unshift("data");\textasciicircum{} & \textasciicircum{}ajoute un nouvel élément à un tableau (au début) \textasciicircum{} \tn 
% Row Count 19 (+ 3)
% Row 8
\SetRowColor{LightBackground}
\textasciicircum{}tab1.concat(tab2);\textasciicircum{} & \textasciicircum{}crée un nouveau tableau en fusionnant\textasciicircum{} \tn 
% Row Count 21 (+ 2)
% Row 9
\SetRowColor{white}
\textasciicircum{}tab.indexOf("data");\textasciicircum{} & \textasciicircum{}recherche dans un tableau une valeur d'élément renvoie sa position\textasciicircum{} \tn 
% Row Count 25 (+ 4)
% Row 10
\SetRowColor{LightBackground}
\textasciicircum{}tab.sort()\textasciicircum{} & \textasciicircum{}trie par ordre alphabétique\textasciicircum{} \tn 
% Row Count 27 (+ 2)
% Row 11
\SetRowColor{white}
\textasciicircum{}tab.reverse()\textasciicircum{} & \textasciicircum{}inverse les éléments\textasciicircum{} \tn 
% Row Count 29 (+ 2)
% Row 12
\SetRowColor{LightBackground}
\textasciicircum{}tab.toSorted()\textasciicircum{} & \textasciicircum{}comme sort mais crée un nouveau tableau, en gardant le tableau d'origine inchangé\textasciicircum{} \tn 
% Row Count 33 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{2.14011 cm} x{2.83689 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Fonction Array (cont)}}  \tn
% Row 13
\SetRowColor{LightBackground}
\textasciicircum{}tab.toReversed()\textasciicircum{} & \textasciicircum{}comme reverse mais crée un nouveau tab\textasciicircum{} \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.54747 cm} x{4.42953 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Comparaison}}  \tn
% Row 0
\SetRowColor{LightBackground}
\textasciicircum{}==\textasciicircum{} & \textasciicircum{} vérifie l'égalité de deux valeurs de manière laxiste\textasciicircum{} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\textasciicircum{}===\textasciicircum{} & \textasciicircum{} vérifie l'égalité de deux valeurs de manière stricte.\textasciicircum{} \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\textasciicircum{}\textless{}=\textasciicircum{} & \textasciicircum{}valeur est inférieure ou égal\textasciicircum{} \tn 
% Row Count 5 (+ 1)
% Row 3
\SetRowColor{white}
\textasciicircum{}\textgreater{}=\textasciicircum{} & \textasciicircum{}valeur est supérieure ou égal\textasciicircum{} \tn 
% Row Count 6 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\textasciicircum{}!=\textasciicircum{} & \textasciicircum{}tester la différence en valeurs\textasciicircum{} \tn 
% Row Count 7 (+ 1)
% Row 5
\SetRowColor{white}
\textasciicircum{}!==\textasciicircum{} & \textasciicircum{}tester la différence en valeurs ou en types\textasciicircum{} \tn 
% Row Count 9 (+ 2)
% Row 6
\SetRowColor{LightBackground}
\textasciicircum{}\textless{}\textasciicircum{} & \textasciicircum{}valeur est strictement inferieure\textasciicircum{} \tn 
% Row Count 10 (+ 1)
% Row 7
\SetRowColor{white}
\textasciicircum{}\textgreater{}\textasciicircum{} & \textasciicircum{}valeur est strictement supérieure\textasciicircum{} \tn 
% Row Count 12 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{while}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{\textasciicircum{}while (condition) \{instruction\}\textasciicircum{}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{\textasciicircum{}do \{  instruction \} while (condition);\textasciicircum{}} \tn 
% Row Count 2 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{while boucle parcourt un bloc de code tant qu'une condition spécifiée est vraie \newline do while boucle est une variante de la boucle while. Cette boucle exécutera le bloc de code une fois, avant de vérifier si la condition est vraie, puis elle répétera la boucle tant que la condition est vraie.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Fonction fléchée}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{hello = () =\textgreater{} \{ \newline % Row Count 1 (+ 1)
  return "Hello World!"; \newline % Row Count 2 (+ 1)
\} \newline % Row Count 3 (+ 1)
Les fonctions fléchées renvoient la valeur par défaut \newline % Row Count 5 (+ 2)
hello = () =\textgreater{} "Hello World!"; \newline % Row Count 6 (+ 1)
Fonction flèche avec paramètres \newline % Row Count 7 (+ 1)
si vous n'avez qu'un seul paramètre, vous pouvez également ignorer les parenthèses  \newline % Row Count 9 (+ 2)
hello = (val) =\textgreater{} "Hello " + val; \newline % Row Count 10 (+ 1)
Fonction flèche sans parenthèses \newline % Row Count 11 (+ 1)
hello = val =\textgreater{} "Hello " + val;% Row Count 12 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Si la fonction n'a qu'une seule instruction et que l'instruction renvoie une valeur, vous pouvez supprimer les crochets et le returnmot-clé}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}