docjavascript - sets & weaksets
download 
Plainte Transcription
javascript - sets & weaksets
S e t & & We a k S e t J AVA S C R I P T (Programmation Internet) V O L . X X I I Pour Débutants J.B. Dadet DIASOLUKA Luyalu Nzoyifuanga +243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818 [email protected] LES « SET » && « WEAKSET » : C’est une forme d’Array d’itérables dans laquelle chaque élément ne peut figurer qu’une seule fois, mais dont la syntaxe est similaire à celle des « Typed Arrays ». <script type="text/javascript"> "use strict"; let t; const a=[14, {a:12, b:17}, 19, 14, "Inco", [14, 15], 10, 14, 15]; console.log(a); // Array(9) [ 14, {…}, 19, 14, "Inco", (2) […], 10, 14, 15 ] // (9) […] // 0: 14 // 1: Object { a: 12, b: 17 } // 1: {…} // a: 12 // b: 17 // <prototype>: {…} // 2: 19 // 3: 14 // 4: "Inco" // 5: Array [ 14, 15 ] // 5: (2) […] // 0: 14 // 1: 15 // length: 2 // <prototype>: [ // 6: 10 // 7: 14 // 8: 15 // length: 9 J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII // <prototype>: [] const st = new Set(a); console.log(st); // Set(7) [ 14, {…}, 19, "Inco", (2) […], 10, 15 ] // Set(7) // size: 7 // <entries> // 0: 14 // 1: Object { … } // 1: {…} // a: 12 // b: 17 // <prototype>: Object { … } // 2: 19 // 3: "Inco" // 4: Array [ … ] // 4: (2) […] // 0: 14 // 1: 15 // length: 2 // <prototype>: Array [] // 5: 10 // 6: 15 // <prototype>: Object { … } // <prototype>: {…} // add: function add() // clear: function clear() // constructor: function Set() // delete: function delete() // entries: function entries() // forEach: function forEach() // has: function has() // keys: function values() // size: Getter // values: function values() // Symbol(Symbol.iterator): function values() // Symbol(Symbol.toStringTag): "Set" // <prototype>: {…} const fl = new Float64Array(a); console.log(fl); // Float64Array(9) [ 14, NaN, 19, 14, NaN, NaN, 10, 14, 15 Set && WeakSet - 2/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII ] // Float64Array(9) // 0: 14 // 1: NaN // 2: 19 // 3: 14 // 4: NaN // 5: NaN // 6: 10 // 7: 14 // 8: 15 // buffer: ArrayBuffer { byteLength: 72 } // buffer: ArrayBuffer // byteLength: 72 // <prototype>: ArrayBufferPrototype { … } // <prototype>: ArrayBufferPrototype // byteLength: Getter // constructor: function ArrayBuffer() // slice: function slice() // Symbol(Symbol.toStringTag): "ArrayBuffer" // <prototype>: {… // byteLength: 72 // byteOffset: 0 // length: 9 // <prototype>: Float64ArrayPrototype { … } // <prototype>: Float64ArrayPrototype // BYTES_PER_ELEMENT: 8 // constructor: function Float64Array() // constructor: Float64Array() // BYTES_PER_ELEMENT: 8 // length: 3 // name: "Float64Array" // prototype: Float64ArrayPrototype { … } // <prototype>: TypedArray() // from: function from() // length: 0 // name: "TypedArray" // of: function of() // prototype: TypedArrayPrototype { … } // Symbol(Symbol.species): Getter // <prototype>: () // apply: function apply() // arguments: null Set && WeakSet - 3/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // JavaScript TomeXXII bind: function bind() call: function call() caller: null constructor: function Function() length: 0 name: "" toSource: function toSource() toString: function toString() Symbol(Symbol.hasInstance): function Symbol.hasInstance() <prototype>: {…} <prototype>: TypedArrayPrototype { … } <prototype>: TypedArrayPrototype buffer: Getter byteLength: Getter byteOffset: Getter constructor: function TypedArray() copyWithin: function copyWithin() entries: function entries() every: function every() fill: function fill() filter: function filter() find: function find() findIndex: function findIndex() forEach: function forEach() includes: function includes() indexOf: function indexOf() join: function join() keys: function keys() lastIndexOf: function lastIndexOf() length: Getter map: function map() reduce: function reduce() reduceRight: function reduceRight() reverse: function reverse() set: function set() slice: function slice() some: function some() sort: function sort() subarray: function subarray() toLocaleString: function toLocaleString() toString: function toString() values: function values() Set && WeakSet - 4/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu // // // JavaScript TomeXXII Symbol(Symbol.iterator): function values() Symbol(Symbol.toStringTag): Getter <prototype>: {…} t = ""; for (let e of st) { t += " => " + e + " : " + e % 2 + "\n"; } console.log("Impaire ?\n", t); // Impaire ? // => 14 : 0 // => [object Object] : NaN // => 19 : 1 // => Inco : NaN // => 14,15,10,14,15 : NaN t = ""; for (let e of fl) { t += " => " + e + " : " + e % 2 + "\n"; } console.log("Impaire ?\n", t); // Impaire ? // => 14 : 0 // => NaN : NaN // => 19 : 1 // => 14 : 0 // => NaN : NaN // => NaN : NaN </script> Exécution avec Firefox : Exécution avec Yandex : Set && WeakSet - 5/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII Les propriétés de « Set » sont les suivantes : Set && WeakSet - 6/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII Set && WeakSet - 7/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII <script type="text/javascript"> "use strict"; var set = new Set( ['azui', 'motuka', 'bilamba', 'azui', 'motuka', 'keba'] ); console.log(set); // Set(4) [ "azui", "motuka", "bilamba", "keba" ] // Set(4) // size: 7 // <entries> // 0: "azui" // 1: "motuka" // 2: "bilamba" // 3: "keba" // <prototype>: Object { ... } set.add('dendo').add('bilamba').add('dendo'); console.log(set); // Set(5) [ "azui", "motuka", "bilamba", "keba", "dendo" ] set.delete('boni'); console.log(set); // Set(5) [ "azui", "motuka", "bilamba", "keba", "dendo" ] set.delete('bilamba'); console.log(set); // Set(4) [ "azui", "motuka", "keba", "dendo" ] console.log("set.size = ", set.size); // set.size = 4 console.log("set.has('dendon') = ", set.has('dendon')); // set.has('dendon') = false console.log("set.has('dendo') = ", set.has('dendo')); // set.has('dendo') = true // // // // set.forEach(function (it) { console.log(it); azui motuka keba dendo Set && WeakSet - 8/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII }); </script> Une application de « Set » c’est la gestion des mots-clés, qui ne doivent figurer qu’une seule fois dans la liste. De là vous n’avez qu’à faire un « copier-coller » légal et légitime : <script type="text/javascript"> "use strict"; let s = new Set([ "destructuring", "destructuration", "map", "every", "filter", "find", "fndIndex", "destructuring", "forEach", "destructuring", "from", "map", "indexOf", "isArray", "join", "lastIndexOf", "destructuring", "length", "map", "splice", "destructuring", "includes", "map", "push", "of", "pop", "concat", "destructuring", "reduce", "reduceRight", "reverse", "shift", "slice", "some", "sort", "delete", "destructuring", "unshift", map", "Array", "destructuring", "objet global", "destructuring", "constructeur", "tableaux", "destructuring", "objets de haut-niveau", "javascript", "ecmascript", "name", "map", "destructuring", "prototype"]); let arr= s, t=""; for(let i of arr){ t+=i+", " } console.log(t); /*******/ let r = Array.from(s); t=""; r.forEach(x => t+=x+", ") console.log(t); </script> Set && WeakSet - 9/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII Gestion du contenu d’un « Set » : <script type="text/javascript"> "use strict"; var set = new Set( [94, "string", [25, 93], 50, "string", 94, [25, 93]] ); console.log(set); // // Set(5) [ 94, "string", (2) […], 50, (2) […] ] // size: 5 // <entries> // 0: 94 // 1: "string" // 2: Array [ … ] // 2: (2) […] // 0: 25 // 1: 93 // length: 2 // <prototype>: Array [] // 3: 50 // 4: Array [ … ] // 4: (2) […] // 0: 25 // 1: 93 Set && WeakSet - 10/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII // // // length: 2 <prototype>: Array [] <prototype>: Object { … } console.log(Array.from(set)); // Array(4) [ 94, (2) […], 50, (2) […] ] // (4) […] // 0: 94 // 1: "string" // 2: Array [ 25, 93 ] // 2: (2) […] // 0: 25 // 1: 93 // length: 2 // <prototype>: Array [] // 3: 50 // 4: Array [ 25, 93 ] // 4: (2) […] // 0: 25 // 1: 93 // length: 2 // <prototype>: Array [] // length: 5 // <prototype>: Array [] let t=""; for (let v of set) t+=v + ` | `; console.log(t); // 94 | string | 25,93 | 50 | 25,93 | // Il n'a pas supprimé le deuxième [25, 93], // mais il a supprimé le doublon de « 94 » // et celui de « string ». let k="",v=""; for (var [cle, val] of set.entries()) { k+=cle + " | " ; v+=val + " | " ; } console.log(k); // 94 | string | 25,93 | 50 | 25,93 | k=""; Set && WeakSet - 11/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII for (var cle of set.keys()) k+= cle + " | "; console.log(k); // 94 | string | 25,93 | 50 | 25,93 | v=""; for (var val of set.values()) v+= val + " | "; console.log(v); // 94 | string | 25,93 | 50 | 25,93 | </script> Set && WeakSet - 12/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII LES « WEAKSETS » : <script type="text/javascript"> "use strict"; var a = ["jmois", 9, 12], b = ["annee", 2018], c = [10]; // Définition 3 variables distinctes. // a <= array à 3 éls : stg, num, num // b <= array à 2 éls : stg et num // c <= array à un seul él numérique console.log("a = ", a); // a = Array(3) [ "jmois", 9, 12 ] console.log("b = ", b); // b = Array [ "annee", 2018 ] console.log("c = ", c); // c = Array [ 10 ] var wset = new WeakSet([a, b, a]); // Constitution d'un « weakSet » en // proposant deux fois l'array « a », // qui ne sera retenu qu'une seule fois. console.log("wset = ", wset); // wset = WeakSet [ (3) […], (2) […] ] wset.add(c).add(b).add(c); // Ajout d'éléments à la weakSet, // « b » faisant déjà partie de « wset », // « c » proposé deux fois et ne faisant // pas déjà partie de « wset ». console.log("wset = ", wset); // wset = WeakSet(3) [ (1) […], (3) […], (2) […] ] console.log(".!. Attention .!."); console.log(`wset.has([10]) = `, wset.has([10])); // wset.has([10]) = false console.log("wset.has(c) = ", wset.has(c)); // wset.has(c) = true wset.delete(c); console.log("wset.has(c) = ", wset.has(c)); // wset.has(c) = false console.log("wset = ", wset); // wset = WeakSet [ (3) […], (2) […] ] </script> Set && WeakSet - 13/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII Avec Firefox Quantm 64.0b13 : Set && WeakSet - 14/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript TomeXXII Avec Yandex Version 18.11.1.385 beta : Set && WeakSet - 15/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu Différents types d’Arrays JavaScript Tome-XXII - 16/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII Si vous remplacez « weakSet » par « Set » vous obtiendrez le résultat suivant : <script type="text/javascript"> "use strict"; var a = ["jmois", 9, 12], b = ["annee", 2018], c = [10]; // Définition 3 variables distinctes. // a <= array à 3 éls : stg, num, num // b <= array à 2 éls : stg et num // c <= array à un seul él numérique console.log("a = ", a); // a = Array(3) [ "jmois", 9, 12 ] console.log("b = ", b); // b = Array [ "annee", 2018 ] console.log("c = ", c); // c = Array [ 10 ] var set = new Set([a, b, a]); // Constitution d'un « weakSet » en // proposant deux fois l'array « a », // qui ne sera retenu qu'une seule fois. console.log("set = ", set); // set = WeakSet [ (3) […], (2) […] ] set.add(c).add(b).add(c); Différents types d’Arrays - 17/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII // Ajout d'éléments à la weakSet, // « b » faisant déjà partie de « set », // « c » proposé deux fois et ne faisant // pas déjà partie de « set ». console.log("set = ", set); // set = WeakSet(3) [ (1) […], (3) […], (2) […] ] console.log(".!. Attention .!."); console.log(`set.has([10]) = `, set.has([10])); // set.has([10]) = false console.log("set.has(c) = ", set.has(c)); // set.has(c) = true set.delete(c); console.log("set.has(c) = ", set.has(c)); // set.has(c) = false console.log("set = ", set); // set = WeakSet [ (3) […], (2) […] ] </script> <!--script type="text/javascript"> "use strict"; var a = [1] , b = [2] , c = [3]; var wmap = new WeakMap([[a, 1], [b, 2]]); wmap.set(c, 3).set(b, 4); console.log(wmap.has(a)); console.log(wmap.has([1])); console.log(wmap.get(a)); wmap.delete(a); console.log(wmap.get(a)); // => true // => false // => 1 // => undefined // Private properties store: var Person = (function () { var names = new WeakMap; function Person(name) { names.set(this, name); } Person.prototype.getName = function () { return names.get(this); Différents types d’Arrays - 18/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu }; return Person; })(); JavaScript Tome-XXII var person = new Person('Vasya'); console.log(person.getName()); // => 'Vasya' for (var key in person) console.log(key); // => only 'getName' </script> Kinshasa, le jeudi, 4. avril 2019 (10:48 ). Différents types d’Arrays - 19/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII Mots-clés : Arrays typées, ArrayBuffer, Set, String, Typed Array, Array Typée, Uint8Array, Uint16Array, Uint32Array, Int8Array, Int16Array, Int32Array, Float32Array, Float64Array, Arrays, Array, slice, subarray, constructeur, initialiseur, Object literal, littéral d’objet, entries, values, paradigme DIASOLUKA Nz. Luyalu Docteur en Médecine, Chirurgie & Accouchements (1977), CNOM : 0866 - Spécialiste en ophtalmologie (1980) Études humanités : Scientifique - Mathématiques & Physique. Informaticien-amateur, Programmeur et WebMaster. Chercheur indépendant, autonome et autofinancé, bénévole, sans aucun conflit d’intérêt ou liens d'intérêts ou contrainte promotionnelle avec qui qu’il soit ou quelqu’organisme ou institution / organisation que ce soit, étatique, paraétatique ou privé, industriel ou commercial en relation avec le sujet présenté. +243 - 851278216 - 899508675 - 991239212 - 902263541 - 813572818 [email protected] Différents types d’Arrays - 20/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII Autre Lecture : https://www.scribd.com/document/374738470/Le-Plus-Grand-Secret-de-LaCreation D’autres publications pouvant aussi intéresser : • https://www.scribd.com/document/377036251/LeDosage-Des-Medicaments-en-Cac-Cas • https://www.scribd.com/document/377035454/LeHasard-Des-Thermometres-Non-contact-a-Infrarouge • https://www.scribd.com/document/376222482/PetiteIntroduction-Aux-Fonctions-JavaScript • https://www.scribd.com/document/376221919/La-Foien-Jesus-Christ-Pour-Quoi-Faire • https://www.scribd.com/document/375689778/Lacuitevisuelle-angulaire • https://www.scribd.com/document/375349851/Lavariable-This • https://www.scribd.com/document/375024162/FonctionsImbriquees-en-JS • https://www.scribd.com/document/374789297/FormatInterne-Des-Objets-JavaScript • https://www.scribd.com/document/374788758/Iterationsen-JavaScript • https://www.scribd.com/document/374738470/Le-PlusGrand-Secret-de-La-Creation Différents types d’Arrays - 21/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII • https://www.scribd.com/document/374597969/NouvelleFormule-d-IMC-indice-de-doduite-Selon-Dr-Diasoluka • https://www.scribd.com/document/373847209/PropertyDescriptors • https://www.scribd.com/document/373833282/l-ObjetGlobal-Window • https://www.scribd.com/document/372665249/JavascriptTome-II • https://www.scribd.com/document/355291488/motiliteoculaire-2 • https://www.scribd.com/document/355291239/motiliteoculaire-I • https://www.scribd.com/document/355290248/Script-dAnalyses-Des-Reflexes-Pupillomoteurs • https://www.scribd.com/document/321168468/Renseigne ments-Id-et-Anthropometriques • https://www.scribd.com/document/320856721/Emission31-Jul-2016 • https://www.scribd.com/document/318182982/Complicati on-Visuelle-du-Traitement-de-La-Malaria • https://www.scribd.com/document/318180637/RapportEntre-Oxymetrie-Et-Type-Respiration • https://www.scribd.com/document/315746265/Classificati on-Des-Medicaments Différents types d’Arrays - 22/23 - jeudi, 4. avril 2019 (10:48 ) J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII • https://www.scribd.com/document/315745909/Incongruen ces-Heresies-et-Heterodoxies-de-la-Notion-deLaboratoire • https://www.scribd.com/document/315745725/RapportEntre-Oxymetrie-Et-Type-Respiration Différents types d’Arrays - 23/23 - jeudi, 4. avril 2019 (10:48 )
