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}

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

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

1// JS Tip of the Day
2// Use Array like a Stack (LIFO Mode)
3
4let heroes = ['Batman', 'Superman', 'Green Arrow', 'Cyborg'];
5arr.push('Flash');  // ['Batman','Superman', 'Green Arrow', 'Cyborg', 'Flash']
6arr.pop(); // ['Batman','Superman', 'Green Arrow', 'Cyborg']
7

1// JS Tip of the Day
2// Use Array like a Queue (FIFO Mode)
3
4let heroes = ['Batman', 'Superman', 'Green Arrow', 'Cyborg'];
5arr.shift() // ['Superman', 'Green Arrow', 'Cyborg'];
6arr.push('Flash'); // ['Superman', 'Green Arrow', 'Cyborg', 'Flash'];