Heim  >  Artikel  >  Web-Frontend  >  Kurze und bündige JavaScript-Schnipsel

Kurze und bündige JavaScript-Schnipsel

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

Short & Sweet JavaScript Snippets

JavaScript ist eine unglaublich vielseitige und leistungsstarke Programmiersprache, die häufig für die Webentwicklung verwendet wird. Egal, ob Sie ein erfahrener Entwickler sind oder gerade erst anfangen: Mit einem praktischen Satz an JavaScript-Snippets können Sie Zeit sparen und Ihren Codierungsprozess optimieren. In diesem Artikel habe ich 15 kurze und prägnante JavaScript-Snippets zusammengestellt, die eine Vielzahl von Aufgaben abdecken. Lasst uns eintauchen!

01. Aktuelle Daten und Uhrzeit abrufen

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

02. Finden Sie die maximale Anzahl im Array

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

// 10

03. Array mischen

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

04. Generieren Sie eine Zufallszahl zwischen 1 und 10

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

// 7

05. String in Kleinbuchstaben umwandeln

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

// hello, world!

06. Überprüfen Sie, ob die Zahl gerade oder ungerade ist

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

// 'Number is odd'

07. Erstellen Sie einen einfachen 10-Sekunden-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. Konvertieren Sie ein Zahlenarray in ein Stringarray

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

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

09. Duplikate entfernen

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

console.log(removeDuplicates(arr));

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

10. Konvertieren Sie einen Satz in eine Wortgruppe

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

console.log(words);

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

11. Zeichenfolge wiederholen

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

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

// 'abcabcabc'

12. Finden Sie den Schnittpunkt von 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. Erstellen Sie dynamische Zeichenfolgen

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

14. Objekte zusammenführen

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

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

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

15. Nach einer Verzögerung zur neuen URL weiterleiten

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

Diese 15 JavaScript-Snippets sind nur ein kleiner Vorgeschmack darauf, was Sie mit ein paar Zeilen Code erreichen können. Unabhängig davon, ob Sie Arrays oder Zeichenfolgen bearbeiten oder mit Datums- und Uhrzeitangaben arbeiten, können diese Snippets dazu beitragen, Ihren Entwicklungsprozess zu optimieren.


Verbinde dich mit mir

Wenn Ihnen dieser Beitrag gefallen hat und Sie sich vernetzen möchten, können Sie mich gerne auf LinkedIn kontaktieren. Ich würde mich gerne vernetzen und weitere Einblicke in die Softwareentwicklung teilen!

Vernetzen Sie sich mit mir auf LinkedIn

Das obige ist der detaillierte Inhalt vonKurze und bündige JavaScript-Schnipsel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn