JS vanilla

La bible c'est la MDN

Les variable

1const boolean = true;
2
3const string = "true";
4
5let number = 10;
6number = "string";
7

Les fonction

1async function faiDesTruc(string) {
2  const attend = await truc;
3  return attend;
4}
5
6// ou
7
8const faiDesTruc = async (string) => {
9  const attend = await truc;
10  return attend;
11};
12
13// Appelle de fonction
14faiDesTruc(string);
15

Les array

<details> <summary>Boucle cheat sheet</summary> <img src="./../../assets/images/js/array.jpg" alt="https://stackoverflow.com/questions/49934992/main-difference-between-map-and-reduce" width="600" /> </details>

1const array = [1, 2, 3, 4, 5, 6];
2
3// Boucle for
4for (const nbr of array) {
5  console.log(nbr);
6}
7
8// Boucle forEach
9const oneByOne = array.forEach((nbr) => {
10  console.log(nbr);
11});
12
13// Bouble find
14const returnOneItem = array.find((nbr) => (nbr = 4)); // 4
15
16// Boucle map
17const updateAllItemsInArray = array.map((nbr, index, array) => nbr / 3); // [3, 6, 9, ...]
18
19// Boucle filter
20const returnNewArray = array.filter((nbr) => nbr <= 2); // [1, 2]
21
22// Boucle reduce
23const reduce = array.reduce(
24  (
25    previous, // Valeur précédente
26    current, // Valeur actuel
27    index, // Index de la valeur actuel
28    array // Array en initial
29  ) => {
30    if (index === 1) {
31      current = 555;
32    }
33    if (index === 3) {
34      current = previous[index - 1] * current;
35    }
36    return [...previous, current];
37  },
38  [] // Valeur par default et aussi a l'index 0
39); // [ 1, 555, 3, 12, 5, 6 ]
40
41array.sort(); // range le tableau par ordre alphabétique ou numerique
42
43// Transforme une string en array puis remplace des element pour les retransformer en string
44const p = "La superbe phrase.";
45p.replace(" ", ", "); // La, superbe, phrase.
46

Les object

1const bigObject = {
2  success: true,
3
4  array: [
5    { id: 1, name: "toto" },
6    { id: 2, name: "tata" },
7    { id: 3, name: "tutu" },
8  ],
9
10  object: {
11    id: 1,
12    name: "toto",
13  },
14
15  function: () => {
16    return 1;
17  },
18};
19
20// Les objet
21const obj = {
22  key: "value",
23  fonction: (params) => {
24    return params;
25  },
26};
27console.log(obj.fonction(string));
28