14 JavaScript One-Liners to Boost Your Productivity 🚀

#javascript #node #webdev #productivity

01 - Remove Duplicates from an Array

const uniqueArr = arr => [...new Set(arr)];
console.log(uniqueArr([1, 2, 3, 4, 5, 5, 5]));

// [1, 2, 3, 4, 5]

02 - Sum of Array Elements

const nums = [1, 2, 3, 4, 5];
const sum = nums.reduce((acc, num) => acc + num);
console.log(sum);

// 15

03 - Check if a Number is Odd or Even

const isEven = num => num % 2 === 0;
console.log(isEven(5));

// false

04 - Capitalize Every Word in a String

const capitalizeWords = str => 
  str.split(' ')
     .map(word => word.charAt(0).toUpperCase() + word.slice(1))
     .join(' ');

console.log(capitalizeWords('hello world'));
// 'Hello World'

05 - Reverse a String (By letters & words)

let str = 'Hello World!';
console.log(str.split('').reverse().join('')); 
console.log(str.split(' ').reverse().join(' '));

// '!dlroW olleH'
// 'World! Hello'

06 - Truncate a String to a Specific Length

const truncate = (str, len) => str.slice(0, len) + '...';
console.log(truncate("Lorem ipsum is simply dummy text of the printing and typesetting industry.", 15));

// 'Lorem ipsum is...'

07 - Short-Circuit Evaluation

const fullName = fname || 'John Doe';
console.log(fullName);

// 'John Doe'

08 - Remove a Specific Value from an Array

const toRemove = 5;
const newArr = nums.filter(val => val !== toRemove);
console.log(newArr);

// [1, 2, 3, 4]

09 - Swap Two Variables

[a, b] = [b, a];

10 - Toggle a Boolean Value

const toggle = bool => !bool;

11 - Generate a Random String

const randomString = () => Math.random().toString(36).slice(2);
console.log(randomString());

// 'eqsdasfefsa'  // Example output

12 - Detect Dark Mode

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').match;

13 - Scroll to the Top of the Page

const scrollTop = () => window.scrollTo(0, 0);

14 - Replace switch with Object Literals

// Traditional way 👇
const getAnimalName = (animalType) => {
    switch (animalType) {
    case 'lion':
        return '🦁';
    case 'elephant':
        return '🐘';
    case 'tiger':
        return '🐅';
    default:
        return 'Unknown';
    }
};

// Using object literals 👇
const animalNames = {
  lion: '🦁',
  elephant: '🐘',
  tiger: '🐅',
};

const getAnimalName = animalType => animalNames[animalType] || 'Unknown';
console.log(getAnimalName('lion'));

// '🦁'