Tip of the day - JavaScript

Un trucchetto al giorno per mantenerti allenato o per conoscere qualcosa di nuovo sul magico mondo di JavaScript.

48

Use Array like a Stack (LIFO Mode)

2021-03-31 - JavaScript

1// JS Tip of the Day
2// Use Array like a Stack (LIFO Mode)
3
4let heroes = ['Batman', 'Superman', 'Green Arrow', 'Cyborg'];
5arr.push('Flash');  // ['Batman','Superman', 'Green Arrow', 'Cyborg', 'Flash']
6arr.pop(); // ['Batman','Superman', 'Green Arrow', 'Cyborg']
7
#JStipoftheday
47

Use Array like a Queue (FIFO Mode)

2021-03-30 - JavaScript

1// JS Tip of the Day
2// Use Array like a Queue (FIFO Mode)
3
4let heroes = ['Batman', 'Superman', 'Green Arrow', 'Cyborg'];
5arr.shift() // ['Superman', 'Green Arrow', 'Cyborg'];
6arr.push('Flash'); // ['Superman', 'Green Arrow', 'Cyborg', 'Flash'];
#JStipoftheday
46

Add a quick breakpoint

2021-03-29 - JavaScript

1// JS Tip of the Day
2// Add a quick breakpoint
3
4function getAnHero() {
5    // Invoke a debugger (if one exists)
6	debugger;
7    return 'Batman';
8}
9
10console.log(getAnHero());
#JStipoftheday
45

Count the number of times the console method is called

2021-03-26 - JavaScript

1// JS Tip of the Day
2// Count the number of times the console method is called
3
4const getHero = (name) => name;
5const hero = { name: 'Batman' };
6
7// Counter with a Label
8console.count(getHero('Batman')); // Batman: 1
9console.count(getHero('Batman')); // Batman: 2
10console.count(getHero('Batman')); // Batman: 3
11console.count(hero.name); // Batman: 4
12
13console.count(getHero('Superman')); // Superman: 1
14console.count(getHero('Superman')); // Superman: 2
15console.count('Superman'); // Superman: 3
16
17// Reset counter
18console.countReset('Superman'); 
19
20console.count('Superman'); // Superman: 1
21
22// Counter without a Label
23console.count(); // default: 1
24console.count(); // default: 2
#JStipoftheday
44

Convert Object to Primitives

2021-03-25 - JavaScript

1// JS Tip of the Day
2// Convert Object to Primitives 
3
4const hero = {
5  name: 'Batman',
6  [Symbol.toPrimitive](hint) {
7    console.log(`hint is ${hint}`);
8    if (hint == 'number') {
9      return Infinity;
10    }
11    if (hint == 'string') {
12      return `I'm ${this.name}`;
13    }
14    return true;
15  }
16};
17
18// Convert to number...or Bruce Wayne's Bank balance! :D
19console.log(+hero); // "hint is number" - Infinity
20
21// Convert to string
22console.log(`${hero}`); // "hint is string" - "I'm Batman"
23
24// Convert to default
25console.log(hero + ''); // "hint is default" - true
#JStipoftheday

Preferisci ricevere i tips via mail? Iscriviti alla newsletter.

Iscriviti alla newsletter

Tip of the day - JavaScript

Hai in mente un progetto e vorresti realizzarlo?
Sei interessato a migliorare le tue competenze o quelle del tuo team in ambito di programmazione e sviluppo?

Anche se - semplicemente - vuoi prendere un caffè con noi o vedere la nostra collezione di Action Figures scrivici tramite questo form.

Questo sito è protetto da reCAPTCHA e si applicano le Norme sulla privacy e i Termini di servizio di Google.