Tip of the day - JavaScript

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

53

Detecting an Array

2021-04-08 - JavaScript

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
#JStipoftheday
52

Quick Conditional Object Properties

2021-04-07 - JavaScript

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

Convert to JSON replacing values with toJSON method

2021-04-06 - JavaScript

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

Get all form's elements

2021-04-02 - JavaScript

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
#JStipoftheday
49

Always returns false after the first comparison with Slim Arrow Operator

2021-04-01 - JavaScript

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