15 Short & Sweet JavaScript Snippets

JavaScript is an incredibly versatile and powerful programming language, widely used for web development. Whether you’re a seasoned developer or just starting out, having a handy set of JavaScript snippets can save you time and streamline your coding p…


This content originally appeared on DEV Community and was authored by Matin Imam

JavaScript is an incredibly versatile and powerful programming language, widely used for web development. Whether you're a seasoned developer or just starting out, having a handy set of JavaScript snippets can save you time and streamline your coding process. In this article, I've compiled 15 short and sweet JavaScript snippets that cover a variety of tasks. Let's dive in!

01. Get current data and time

const currentDateTime = new Date();
console.log(currentDateTime);

02. Find max number in array

const number = [5, 2, 7, 10, 1]
const maxNumber = Math.max(...number)

// 10

03. Shuffle array

function shuffleArray(array) {
    return array.sort(() => Math.random() - 0.5);
}

04. Generate random number between 1 and 10

const randomNumber = Math.floor(Math.random() * 10) + 1;
console.log(randomNumber);

// 7

05. Convert string to lowercase

const str = 'Hello, World!''
console.log(str.toLowerCase());

// hello, world!

06. Check if even or odd number

const num = 5;
if (num % 2 === 0) {
    console.log('Number is even');
} else {
    console.log('Number is odd');
}

// 'Number is odd'

07. Create a simple 10 second countdown timer

let seconds = 5;
const countdown = setInterval(() => {
    console.log(seconds);
    seconds--;
    if (seconds < 0) {
        clearInterval(countdown);
        console.log('Countdown finished!');
    }
}, 1000);


// 5
// 4
// 3
// 2
// 1
// Countdown finsihed!

08. Convert array of numbers to array of strings

const numbers = [1, 2, 3, 4, 5];
const strings = numbers.map(String);
console.log(strings);

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

09. Remove duplicates

let arr = ["apple", "mango", "apple", "orange", "mango", "mango"];
const removeDuplicates = arr => [...new Set(arr)];

console.log(removeDuplicates(arr));

// ['apple', 'mango', 'orange']

10. Convert sentence to array of words

const sentence = "This is a sentence";
const words = sentence.split(" ");

console.log(words);

// ['This', 'is', 'a', 'sentence']

11. Repeat string

function repeatString(str, n){
    return str.repeat(n);
}

const repeatedStr = ('abc', 3);
console.log(repeatedStr);

// 'abcabcabc'

12. Find intersection of arrays

// Define the intersection function
const intersection = (a, b) => a.filter(value => b.includes(value));

// Example arrays
const arrayA = [1, 2, 3, 4, 5];
const arrayB = [4, 5, 6, 7, 8];

// Use the intersection function to find common elements
const result = intersection(arrayA, arrayB);

// Log the result to the console
console.log(result);

// [4, 5]

13. Create dynamic strings

const name = 'Matin Imam';
const greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, Matin Imam!"

14. Merge objects

const person = {name: 'Matin'};
const details = {work: 'Developer'};

const fullDetails = {...person, ...details};
console.log(fullDetails);

// {name: 'Matin', age: 30}

15. Redirect to new URL after a delay

setTimeout(() => location.href = https://www.linkedin.com/in/matin-imam/", 5000);

These 15 JavaScript snippets are just a glimpse of what you can achieve with a few lines of code. Whether you're manipulating arrays, strings, or working with dates and times, these snippets can help streamline your development process.

Connect with Me

If you enjoyed this post and want to connect, feel free to reach out to me on LinkedIn. I'd love to connect and share more insights about software development!

Connect with me on LinkedIn


This content originally appeared on DEV Community and was authored by Matin Imam


Print Share Comment Cite Upload Translate Updates
APA

Matin Imam | Sciencx (2024-07-19T03:33:59+00:00) 15 Short & Sweet JavaScript Snippets. Retrieved from https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/

MLA
" » 15 Short & Sweet JavaScript Snippets." Matin Imam | Sciencx - Friday July 19, 2024, https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/
HARVARD
Matin Imam | Sciencx Friday July 19, 2024 » 15 Short & Sweet JavaScript Snippets., viewed ,<https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/>
VANCOUVER
Matin Imam | Sciencx - » 15 Short & Sweet JavaScript Snippets. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/
CHICAGO
" » 15 Short & Sweet JavaScript Snippets." Matin Imam | Sciencx - Accessed . https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/
IEEE
" » 15 Short & Sweet JavaScript Snippets." Matin Imam | Sciencx [Online]. Available: https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/. [Accessed: ]
rf:citation
» 15 Short & Sweet JavaScript Snippets | Matin Imam | Sciencx | https://www.scien.cx/2024/07/19/15-short-sweet-javascript-snippets/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.