Pas de cours nouveau cette semaine.
Je viens de vous rédiger une longue correction du projet avec des problèmes intéressants. lien
JS splice en action
Etude de splice
splice retire ou ajoute des éléments d'un tableau.
Son utilisation est fort utile.
En action
- let e = [2,3,4],
- t = [0,2,2,6,1,3];
- function notIn(array1,array2) {
- for (let i=0 ; i < array1.length; i++) {
- for (let j=0 ; j < array2.length; j++) {
- if ( array1[i] == array2[j]){
- array2.splice(j--, 1);
- }
- }
- }
- }
- notIn(e,t);
- console.log(t);
Cas des ensembles
Si nous utilisons des ensembles, le code se confond à l'algorithme.
- function difference (setA, setB) {
- let dif = new Set(setA);
- for (let elem of setB) {
- dif.delete(elem);
- }
- return dif;
- }
lig.4 : On retire les éléments de l'ensemble A qui sont dans l’ensemble B.
Projet DOM
Ecrire le code pour parcourir l'ensemble des éléments d'une page.
En action Ecrire le code JS qui permet d'afficher le nombre de balises par type !
En action :
Injecter le code dans la console d'une page HTML prise au hasard.
En action :
Injecter le code dans la console d'une page HTML prise au hasard.
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 `)};
Puis tapez >a;
Rappels
É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 !
Inscription à :
Articles (Atom)