M06 UF1A2. Teoria

Introducció

Continuem avançant amb la sintaxi de Javascript. Hem de veure objectes, arrays, expressions regulars i moltes més coses.

Treballarem també amb tests unitaris per comprovar de forma automàtica el codi que generem amb Javascript.

Recursos

Donarem preferència al següent recurs online:

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide

Però també farem referència constant a aquest curs online:

• https://www.w3schools.com/js/default.asp

scripts de classe

• Fitxer:Curs javascript developer mozilla.zip

T9. Expressions regulars

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Regular_Expressions

Referència:

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Regular_Expressions/Cheatsheet
• https://www.w3schools.com/jsref/jsref_obj_regexp.asp

També:

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges#using_groups

Exemple 1

var cad = "una polla xica pica pellerica va posar sis ous";

Volem trobar les paraules que contenen ic:

var re = /ic/g;
console.log(cad.match(re));
[ 'ic', 'ic', 'ic' ]
console.log(cad.match(re).length);
3

//amb això podem respondre a la pregunta de quantes paraules tenen ic, però volem saber quines són aquestes paraules, que aquestes paraules compleixin un criteri:

re = /\w+/g; //amb aquesta podem trobar totes les paraules
cad.match(re);
[
  'una',       'polla',
  'xica',      'pica',
  'pellerica', 'va',
  'posar',     'sis',
  'ous'
]

//la solució és
re = /\w+ic\w+/g;
cad.match(re);
[ 'xica', 'pica', 'pellerica' ]

Exemple 2: joc de proves complet

var reDni = /^\d{8}[A-Z]$/

console.log(reDni.test('38128574E')); //true
console.log(reDni.test('381574E')); //false
console.log(reDni.test('38128574234E')); //false
console.log(reDni.test('38128574')); //false
console.log(reDni.test('38128574EE')); //false
console.log(reDni.test('E38128574E')); //false
console.log(reDni.test('381285ddd74E')); //false
console.log(reDni.test('38128574e')); //false

Si ho posem en un script (joc_proves_complet_dni.js) funciona com un test unitari:

$ node joc_proves_complet_dni.js

Això dóna peu a parlar de tests unitaris.

T10. Arrays (col·leccions indexades)

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Indexed_collections

T11. Treballar amb objectes

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects

T12. Keyed collections (col·leccions amb clau)

• https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Keyed_collections

T13. Javascript avançat

• Promises
• Interadors i generadors
• Javascript modules

---

creat per Joan Quintana Compte, octubre 2021