← 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.

53

Detecting an Array

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
52

Quick Conditional Object Properties

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"}
51

Convert to JSON replacing values with toJSON method

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}
50

Get all form's elements

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
49

Always returns false after the first comparison with Slim Arrow Operator

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

Contattaci.

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.

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