Home  >  Article  >  Web Front-end  >  Short & Sweet JavaScript Snippets

Short & Sweet JavaScript Snippets

王林
王林Original
2024-07-19 17:01:19887browse

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 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

The above is the detailed content of Short & Sweet JavaScript Snippets. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn