Maison > interface Web > js tutoriel > Extraits JavaScript courts et agréables

Extraits JavaScript courts et agréables

王林
Libérer: 2024-07-19 17:01:19
original
962 Les gens l'ont consulté

Short & Sweet JavaScript Snippets

JavaScript est un langage de programmation incroyablement polyvalent et puissant, largement utilisé pour le développement Web. Que vous soyez un développeur chevronné ou un débutant, disposer d'un ensemble pratique d'extraits de code JavaScript peut vous faire gagner du temps et rationaliser votre processus de codage. Dans cet article, j'ai compilé 15 extraits JavaScript courts et intéressants qui couvrent une variété de tâches. Allons-y !

01. Obtenez les données et l'heure actuelles

const currentDateTime = new Date();
console.log(currentDateTime);
Copier après la connexion

02. Trouver le nombre maximum dans le tableau

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

// 10
Copier après la connexion

03. Mélanger le tableau

function shuffleArray(array) {
    return array.sort(() => Math.random() - 0.5);
}
Copier après la connexion

04. Générer un nombre aléatoire entre 1 et 10

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

// 7
Copier après la connexion

05. Convertir la chaîne en minuscule

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

// hello, world!
Copier après la connexion

06. Vérifiez si un nombre pair ou impair

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

// 'Number is odd'
Copier après la connexion

07. Créez un simple compte à rebours de 10 secondes

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!
Copier après la connexion

08. Convertir un tableau de nombres en tableau de chaînes

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

// ['1', '2', '3', '4', '5']
Copier après la connexion

09. Supprimer les doublons

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

console.log(removeDuplicates(arr));

// ['apple', 'mango', 'orange']
Copier après la connexion

10. Convertir une phrase en tableau de mots

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

console.log(words);

// ['This', 'is', 'a', 'sentence']
Copier après la connexion

11. Répéter la chaîne

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

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

// 'abcabcabc'
Copier après la connexion

12. Trouver l'intersection des tableaux

// 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]
Copier après la connexion

13. Créer des chaînes dynamiques

const name = 'Matin Imam';
const greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, Matin Imam!"
Copier après la connexion

14. Fusionner des objets

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

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

// {name: 'Matin', age: 30}
Copier après la connexion

15. Redirection vers une nouvelle URL après un délai

setTimeout(() => location.href = https://www.linkedin.com/in/matin-imam/", 5000);
Copier après la connexion

Ces 15 extraits de code JavaScript ne sont qu'un aperçu de ce que vous pouvez réaliser avec quelques lignes de code. Que vous manipuliez des tableaux, des chaînes ou que vous travailliez avec des dates et des heures, ces extraits peuvent vous aider à rationaliser votre processus de développement.


Connectez-vous avec moi

Si vous avez apprécié cet article et souhaitez vous connecter, n'hésitez pas à me contacter sur LinkedIn. J'aimerais me connecter et partager plus d'informations sur le développement de logiciels !

Connectez-vous avec moi sur LinkedIn

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal