1// JS Tip of the Day
2// Styling Console Output with %c directive (Modern Browsers)
3
4console.log("%c I'm Batman!", "color: black; background-color: yellow; padding: 2px");
5

1// JS Tip of the Day
2// Array Intersection
3
4const arrA = [1,2,3];
5const arrB = [2,5,3];
6
7const intersectionArr = arrA.filter(value => arrB.includes(value));
8
9console.log(intersectionArr); // [2,3]

1// JS Tip of the Day
2// Value to Boolean Conversion
3
4// with Not Not Operator
5console.log(!!false); // false
6console.log(!!true); // true
7console.log(!!0); // false
8console.log(!!parseInt("Batman")); // false because NaN is falsy
9console.log(!!1); // true
10console.log(!!-1); // true -1 is truthy
11console.log(!!(1/0)); // true because Infinity is truthy
12console.log(!!(Infinity)); // true because Infinity is truthy
13console.log(!!"");  // false because empty string is falsy
14console.log(!!"Batman"); // true because non-empty string is truthy
15console.log(!!undefined); // false because undefined is falsy
16console.log(!!null); // false because null is falsy
17console.log(!!{}); // true because an (empty) object is truthy
18console.log(!![]); // true because an (empty) array is truthy;
19
20// or use a built-in Boolean function
21console.log(Boolean("Batman")); // true because non-empty string is truthy
22// ...
23
24
25
26
27

1// JS Tip of the Day
2// Exponential Operator
3
4// Old School
5Math.pow(x, y);
6
7// ...or use ES2016/ES7 exponential operator
8x ** y

1// JS Tip of the Day
2// String occurrences quick replacement
3
4const heroes = '🦇 🤜 🕷️ 🤜 🐜';
5
6// with RegEx
7const heroesHandshake = heroes.replace(/\🤜/g, '🤝');
8console.log(heroesHandshake); // 🦇 🤝 🕷️ 🤝  🐜
9
10// without RegEx - ES2021/ES12
11const heroesHandshakeReplaceAll = heroes.replaceAll('🤜', '🤝');
12console.log(heroesHandshakeReplaceAll); // 🦇 🤝 🕷️ 🤝  🐜