Tip of the day - JavaScript

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

33

Check if at least one Array item passes a condition

2021-03-10 - JavaScript

1// JS Tip of the Day
2// Check if at least one Array item passes a condition
3
4const heroes = [
5      { name: "Batman", superPower: "money" },
6      { name: "Superman", superPower: "flight" },
7      { name: "Wonder Woman", superPower: "superior strength" }
8];
9
10const haveMoney = heroes.some(hero => hero.superPower === 'money'); 
11console.log(haveMoney); // true
#JStipoftheday
32

Remove properties from an Object

2021-03-09 - JavaScript

1// JS Tip of the Day
2// Remove properties from an Object
3
4const hero = { name: 'Batman', weapon: 'Batarang', vehicle: 'Batmobile', partner: 'Robin' };
5
6// Dot or Array notation way  
7delete hero.vehicle; 
8delete hero['partner'];
9console.log(hero); 
10// { name: "Batman", weapon: "Batarang" }
11
12// Immutable way with rest operator
13const anotherHero = { name: 'Batman', weapon: 'Batarang', vehicle: 'Batmobile', partner: 'Robin' };
14const { partner, ...restHero } = anotherHero;
15console.log(restHero);
16// {name: "Batman", weapon: "Batarang", vehicle: "Batmobile" }
17
18// Immutable way with rest operator and dynamic property
19const prop = 'vehicle';
20const { [prop]: exclProp, ...anotherRestHero } = restHero; 
21console.log(anotherRestHero)
22// {name: "Batman", weapon: "Batarang" }
#JStipoftheday
31

Add properties to an Object

2021-03-08 - JavaScript

1// JS Tip of the Day
2// Add properties to an Object
3
4const hero = { name: 'Batman', weapon: 'Batarang' };
5hero.vehicle = 'Batmobile'; // Dot notation way
6hero['partner'] = 'Robin'; // Array notation way
7
8Object.assign(hero, { friend: 'Superman' }); // Object Assign
9console.log(hero); 
10// { name: "Batman", weapon: "Batarang", vehicle: "Batmobile", partner: "Robin", friend: "Superman" }
11
12const anotherHero = { ...hero,  pet: 'Ace' }; // Immutable way with destructuring
13console.log(anotherHero);
14// {name: "Batman", weapon: "Batarang", vehicle: "Batmobile", partner: "Robin", friend: "Superman", pet: "Ace" }
#JStipoftheday
30

Array truncation

2021-03-05 - JavaScript

1// JS Tip of the Day
2// Array truncation
3
4const heroes = ['Batman', 'Superman', 'Green Arrow', 'Wonder Woman'];
5console.log(heroes.length); // 4
6
7heroes.length = 2; // Quick truncation!
8console.log(heroes.length); // 2
9console.log(heroes); // ['Batman', 'Superman']
#JStipoftheday
29

Insert Elements into a Specific Index of an Array

2021-03-04 - JavaScript

1// JS Tip of the Day
2// Insert Elements into a Specific Index of an Array
3
4const heroes = ['Batman', 'Wonder Woman'];
5
6const insertAt = (array, index, ...items) => {
7    array.splice(index, 0, ...items);
8  	return array; // return the array if you want
9}
10
11console.log(insertAt(heroes, 1, 'Green Arrow', 'Superman'));
12// ['Batman', 'Green Arrow', 'Superman', 'Wonder Woman']
#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.