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

Kurze und bündige JavaScript-Schnipsel

王林
Freigeben: 2024-07-19 17:01:19
Original
921 Leute haben es durchsucht

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);
Nach dem Login kopieren

02. Finden Sie die maximale Anzahl im Array

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

// 10
Nach dem Login kopieren

03. Array mischen

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

04. Generieren Sie eine Zufallszahl zwischen 1 und 10

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

// 7
Nach dem Login kopieren

05. String in Kleinbuchstaben umwandeln

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

// hello, world!
Nach dem Login kopieren

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'
Nach dem Login kopieren

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!
Nach dem Login kopieren

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']
Nach dem Login kopieren

09. Duplikate entfernen

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

console.log(removeDuplicates(arr));

// ['apple', 'mango', 'orange']
Nach dem Login kopieren

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']
Nach dem Login kopieren

11. Zeichenfolge wiederholen

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

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

// 'abcabcabc'
Nach dem Login kopieren

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]
Nach dem Login kopieren

13. Erstellen Sie dynamische Zeichenfolgen

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

14. Objekte zusammenführen

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

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

// {name: 'Matin', age: 30}
Nach dem Login kopieren

15. Nach einer Verzögerung zur neuen URL weiterleiten

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

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!

Quelle:dev.to
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage