dupontL1: 2024

Rattrapage 24

Ennoncé et correction de la session de rattrapage :

https://docs.google.com/document/d/1UVSqCLvua4RgxnkjwdXXrMRDkAOaKJe-HmnIDrLL2bs/edit?usp=sharing

Examen correction

https://docs.google.com/document/d/1IolWRY2naolRHdha3-Zov_pgOOyXSB3DEFLoxC2Ced4/edit?usp=sharing

Quelque soit la taille :

function filter(arr, fn) {
let result = [];
for (let item of arr) {
if (fn(item)) {
result.push(item);
}
}
return result;
}

function trans(arr, fn) {
let result = [];
for (let i = 0; i < arr.length; i++) {
result.push(fn(arr[i]));
}
return result;
}

C) ??A??; = step | ??B??; = result | [8,6,4,2,0]

D)trans(bd, (student) => {

let sum = 0;

for (let note of student.notes) {

sum += note;

}

student.average = sum / student.notes.length;

return student;

}));

E) filter(bd, (student) => student.average >= 16);

Donnez le CSS pour une grille de 4 DIV

.conteneur { display:flex; flex-wrap: wrap }

.conteneur div { flex: 25%; } le HTML est laissé libre

F)function every(arr, fn) {

for (let item of arr) {

if (!fn(item)) {

return false;

}

return true;

}

every(bd, (student) => student.average > 10));

every(bd, (student) => student.notes.every((note) => note >= 5)))

Ouvrage

la BU permet d'accèder en ligne aux ouvrage et formations de l'éditeur ENI. C'est là : https://www.biblio.univ-evry.fr/index.php/2024/03/29/eni/

trans : map

Soit la base de données :

Donnez le code pour transformer la structure en

Donnez le code qui donne trois nouveaux tableaux :

[ 'Monsieur Dupont', 'Monsieur Dupond', 'Madame Durand' ]

[ 'Cher M. Dupont', 'Cher M. Dupond', 'Chère Mme Durand' ]

[ 20, 20, 24 ]

Plus d'infos »

Le génopole d'Evry : un gène dans une séquence !

recherche("AATC", "AATAAATCAAA");

> AATA****AAA

Plus d'infos »

Le code HTML

<body>
Para 1
second Para 2
 dernier Para

</body>

La représentation

vue

La structuration

arbre

On peut retrouver une représentation suivante !

Élément

Voici le vocabulaire a connaitre pour se déplacer dans le DOM/élément !

Node

On pourra utiliser également le vocabulaire suivant au niveau Nœud !

let balises = [];
const _explore = (a) => {
    for (let c of a.children) {
        balises.push(c.nodeName)
        _explore(c)
    }
};
_explore(document.body);

En action

Copiez ce code et injectez le dans la console d'un site comme le monde.fr

allTag=(a=>{let b=[],c={};return _explore=(a=>{for(let c of a.children)b.push(c.nodeName),_explore(c)}),_explore(a),_getWordCnt=(a=>{return a.reduce(function(a,b){return a[b]=a[b]+1||1,a},[])}),c=_getWordCnt(b),_sort=(a=>{let b=[],c=Object.keys(a).sort((b,c)=>a[c]-a[b]);for(var d of c)b[d]=a[d];return b}),_sort(c)});let a=allTag(document.body);for(var b in a){a.hasOwnProperty(b)&&console.log(`la balise ${b} apparaît ${a[b]} fois `)};

tapez dans la console : a

help yourself

TD :

const surprise = action([1,0,0,1,0])

TD :

Quels codes donnent les nombre pairs, impairs, positifs, multiples de 2 ....

Plus d'infos »

Programme L2

Vacances : achats

Découvrez les méthodes filter, map et reduce en action !

Vous disposez de 80€ de budget.

Vous indiquez dans votre panier vos achats

Type:Prix:Quantité

Cliquez pour calculer l'estimation d'achat et l'aide à la vente.

CV des idées

https://aakanksha-ns.github.io/

🍕Fichier pizza.mjs

// pizzas.mjs
const pizzas = [
  { name: "queen", ingredients: ["🐷", "🍄", "🍅", "🧀"] },
  { name: "cheese", ingredients: ["🧀", "🍅"] },
  { name: "oriental", ingredients: ["🍅", "🐑", "🍄", "🌶"] },
  { name: "royal", ingredients: ["🍅", "🌵"] },
];

export default pizzas;

🥘Fichier test.mjs

import pizzas from "./pizzas.mjs"

function myForEach(array, fx) {

  for (let i = 0; i < array.length; i++) fx(array[i], i, array);

}

myForEach(pizzas, (pizza) => {

  console.log(pizza);

});

function printPizzaDetails(pizza, index) {

  console.log(`Pizza ${index + 1}:`);

  console.log(`Name: ${pizza.name}`);

  console.log(`Ingredients: ${pizza.ingredients.join(", ")}`);

}

myForEach(pizzas, printPizzaDetails);

let totalIngredients = 0;

function countIngredients(pizza) {

  totalIngredients += pizza.ingredients.length;

}

myForEach(pizzas, countIngredients);

console.log(`Total ingredients: ${totalIngredients}`);

let uniqueIngredients = [];

function isUniqueIngredient(ingredient) { if (uniqueIngredients.includes(ingredient)) { return } uniqueIngredients.push(ingredient); } function collectUniqueIngredients(pizza) { myForEach(pizza.ingredients, isUniqueIngredient); }

myForEach(pizzas, collectUniqueIngredients);

console.log(`Total unique ingredients: ${uniqueIngredients.length}`);

console.log(`Unique ingredients: ${uniqueIngredients.join(", ")}`);

Don't be a 🦜

Cours !

let greaterThanOne = [];

for (let i = 0; i < array.length; i++) {

  if (array[i] > 1) {

    greaterThanOne.push(array[i]);

}

}

console.log('Values greater than 1:', greaterThanOne);

// 🦜

let greaterThanTwo = [];

for (let i = 0; i < array.length; i++) {

  if (array[i] > 2) {

    greaterThanTwo.push(array[i]);

}

}

console.log('Values greater than 2:', greaterThanTwo);

// 🦜

function findValuesGreaterThan(array, number) { 

  let result = [];

  for (let i = 0; i < array.length; i++) {

    if (array[i] > number) {

                  result.push(array[i]);

}

}

           return result;

}

let greaterThanOne = findValuesGreaterThan(array, 1);        

let greaterThanTwo = findValuesGreaterThan(array, 2);        

let greaterThanVelue = findValuesGreaterThan(array, value);  

🥷How to improve our programming style ?

As an AI programming assistant, I don't have personal opinions or feelings.

However, I can say that asking such a question shows your understanding

of functional programming concepts and your ability to think abstractly about code,

which are important skills in software development. Keep asking questions and exploring different ways to solve problems

- this is a great way to learn and improve as a programmer!

Passons maintenant aux questions suivantes :

🦜Quels codes donnent les nombres :

pairs,
impairs,
positifs,
négatifs
multiples de 2
et patati et patata !

Il nous faut modifier la fonction findValuesGreaterThan I par une fonction plus générique !

function filter(arr, fn) {
let result = [];
for (let item of arr) {
if (fn(item)) {
result.push(item);
}
}
return result;
}

* les nombres pairs :

const pair = v => v%2==0;

const even = filter(t,pair)

* const isNegatif = v => v<0; const even = filter(t,isNegatif)

🚀On pourra chercher quelle fonction permettrait de dire si toutes

les valeurs répondent à un critère ?

Cherchez les valeurs uniques : pas si unique !

Solution du DM : unique !

Définir une fonction unique recherchant les valeurs uniques d'un tableau.

const t = [2,0,2,0,2,3];
const u = unique(t);

💥Proto de SuperDupont

Unique !

Nous allons donner un ensemble de fonction recherchant les valeurs uniques d'un tableau.

let t = [2,0,2,0,2,3];
unique(t);

Nous découvrirons les méthodes et propriétés suivantes :

Array.isArray

array.length

array.splice

array.indexOf

array.push

array.includes

Nous pourrons comparer le temps d'exécution des différentes propositions de code.

let t = [2,0,2,0,2,3];
console.time("time");
unique(t);
console.timeEnd("time");

Nous pourrions également integrer un test élémentaire sur le tableau en argument

if (!Array.isArray(arr)) {
throw new TypeError('array-unique expects an array.');
}

Les écritures suivantes ne sont pas commentées

function unique(t){
let cur = t.length;
while (--cur){
for (let i=0; i< cur; i++){
if (t[i] == t[cur]){
t.splice(cur,1);
break;
}
}
}
}

code

function unique(arr) {
let i = -1;
while (i++ < arr.length) {
var j = i + 1;
for (; j < arr.length; ++j) {
if (arr[i] === arr[j]) {
arr.splice(j--, 1);
}
}
}
return arr;
};

code

function unique(array) {
let passed = [];
for (let i=0 ; i < array.length; i++) {
if (array.indexOf( array[i]) === i)
passed.push(array[i]);
}
return passed;
}

code

Dans quelques temps, nous apprendrons des méthodes sur les tableaux très utiles

array.reduce
array.filter

function unique(t){
let u = t.reduce(function(a,c){
if (!a.includes(c)){
a.push(c)
}
return a;
},[])
return u;
}

code

function unique(value,index,tab){
return tab.indexOf(value) === index;
}
console.time("while")
t = t.filter(unique);
console.timeEnd("while");

code

Finalement, SuperDupont pourra toujours nous impressionner par l'utilisation de nouveaux

types d'objet SET et MAP.

console.time("while")
let v = [...new Set(t)];
console.timeEnd("while");

code

Mais que dire des tableaux contenant des objets !

const T = [
{ name: 'dupont', id:22 },
{ name: 'dupont', id:20 },
{ name: 'dupond', id:21 },
{ name: 'dupond', id:21 },
];
const unique = [];
const map = new Map();
for (const item of T) {
if(!map.has(item.id)){
map.set(item.id, true); // set any value to Map
unique.push({
id: item.id,
name: item.name
});
}
}
console.log(unique)

code

Voici ce qui mettrait fin à notre discussion :

L'implémentation de unique dans lodash :

https://github.com/lodash/lodash/blob/4.5.0-npm-packages/lodash.uniq/index.js

Il y a également l'incroyable fonction : uniqBy !

Regardez cet exemple.

import { uniqBy } from 'lodash'; // code nécessaire pour importer la fonction 

let array = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 1, name: 'John' }
];

let uniqueArray = uniqBy(array, 'id');

console.log(uniqueArray);
// [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]

Pages

Rattrapage 24

last call

Préparation session 2

Examen correction

Ouvrage

trans : map

Le génopole d'Evry : un gène dans une séquence !

Le code HTML

La représentation

La structuration

Dernier cours : programme L2

Élément

Node

En action

help yourself

Programme L2

Vacances : achats

CV des idées

Don't be a 🦜

🥷How to improve our programming style ?

Cherchez les valeurs uniques : pas si unique !

Solution du DM : unique !

💥Proto de SuperDupont

Unique !