← Torna al blog
Dev Tips
Un trucchetto al giorno leva le complicazioni di torno! Piccole "scorciatoie" che possono facilitare la vita degli sviluppatori e far risparmiare tempo...e righe di codice.
Un trucchetto al giorno leva le complicazioni di torno! Piccole "scorciatoie" che possono facilitare la vita degli sviluppatori e far risparmiare tempo...e righe di codice.
2021-04-08
1// JS Tip of the Day
2// Detecting an Array
3
4console.log(Array.isArray([])); // true
5console.log(Array.isArray(['Batman', 'Superman'])); // true
6console.log(Array.isArray({ 0: 'Batman', 1: 'Superman', length: 2})); // false with array-like objects
2021-04-07
1// JS Tip of the Day
2// Quick Conditional Object Properties
3
4const haveWeapon = true;
5const havePartner = false;
6
7const hero = {
8 name: 'Batman',
9 superPower: 'money',
10 ...(haveWeapon ? { weapon: 'Batarang' } : {}),
11 ...(havePartner ? { partner: 'Robin' } : {})
12};
13
14console.log(hero); // {name: "Batman", superPower: "money", weapon: "Batarang"}
2021-04-06
1// JS Tip of the Day
2// Convert to JSON replacing values with toJSON method
3
4const hero = {
5 name: 'Batman',
6 isRich: true,
7 weapons: { primary: 'batarang', secondary: 'Shark Repellent' },
8 vehicles: ['batpod', 'tumbler'],
9 partner: null
10};
11
12hero.weapons.toJSON = function() {
13 return this.primary;
14}
15console.log(JSON.stringify(hero));
16// {"name":"Batman","isRich":true,"weapons":"batarang","vehicles":["batpod","tumbler"],"partner":null}
2021-04-02
1// JS Tip of the Day
2// Get all form's elements
3
4/*
5<form id="hero-form">
6 <input type="text" name="hero-name">
7 <input type="number" name="hero-age">
8 <select name="hero-team">
9 <option value="JL">Justice League</option>
10 <option value="SS">Suicide Squad</option>
11 </select>
12 <textarea name="hero-bio"></textarea>
13</form>
14*/
15
16// You can use HTMLFormElement.elements
17let formElements = document.getElementById("hero-form").elements;
18// elements methods return an Array-like collection then...
19let formElementsArray = Array.from(formElements);
20
21formElementsArray.forEach(el => console.log(el.name));
22// hero-name, hero-age, hero-team, hero-bio
2021-04-01
1// JS Tip of the Day
2// Always returns false after the first comparison with Slim Arrow Operator
3
4let a = 0b101010;
5let b = 0b0000000000101001;
6
7console.log(a --> b); // true
8console.log(a --> b); // false
9
10N.B. Happy April Fool!!!! :D
Hai in mente un progetto e vorresti realizzarlo?
Sei interessato a migliorare le competenze del tuo team in ambito di programmazione e sviluppo?
Oppure vuoi semplicemente prendere prendere un caffè con noi e vedere la nostra collezione di Action Figure, allora scrivici tramite questo form.
Se, invece, vuoi far parte del team, guarda le nostre offerte di lavoro.