Rumah > hujung hadapan web > tutorial js > Coretan JavaScript Pendek & Manis

Coretan JavaScript Pendek & Manis

王林
Lepaskan: 2024-07-19 17:01:19
asal
920 orang telah melayarinya

Short & Sweet JavaScript Snippets

JavaScript ialah bahasa pengaturcaraan yang sangat serba boleh dan berkuasa, digunakan secara meluas untuk pembangunan web. Sama ada anda seorang pembangun yang berpengalaman atau baru bermula, mempunyai set coretan JavaScript yang berguna boleh menjimatkan masa anda dan menyelaraskan proses pengekodan anda. Dalam artikel ini, saya telah mengumpulkan 15 coretan JavaScript pendek dan manis yang merangkumi pelbagai tugas. Jom terjun!

01. Dapatkan data dan masa semasa

const currentDateTime = new Date();
console.log(currentDateTime);
Salin selepas log masuk

02. Cari nombor maksimum dalam tatasusunan

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

// 10
Salin selepas log masuk

03. Kocok tatasusunan

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

04. Hasilkan nombor rawak antara 1 dan 10

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

// 7
Salin selepas log masuk

05. Tukar rentetan kepada huruf kecil

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

// hello, world!
Salin selepas log masuk

06. Semak sama ada nombor genap atau ganjil

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

// 'Number is odd'
Salin selepas log masuk

07. Buat pemasa undur 10 saat yang mudah

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!
Salin selepas log masuk

08. Tukar tatasusunan nombor kepada tatasusunan rentetan

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

// ['1', '2', '3', '4', '5']
Salin selepas log masuk

09. Alih keluar pendua

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

console.log(removeDuplicates(arr));

// ['apple', 'mango', 'orange']
Salin selepas log masuk

10. Tukar ayat kepada susunan perkataan

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

console.log(words);

// ['This', 'is', 'a', 'sentence']
Salin selepas log masuk

11. Ulang rentetan

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

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

// 'abcabcabc'
Salin selepas log masuk

12. Cari persilangan tatasusunan

// 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]
Salin selepas log masuk

13. Buat rentetan dinamik

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

14. Cantumkan objek

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

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

// {name: 'Matin', age: 30}
Salin selepas log masuk

15. Ubah hala ke URL baharu selepas kelewatan

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

15 coretan JavaScript ini hanyalah gambaran sekilas tentang perkara yang boleh anda capai dengan beberapa baris kod. Sama ada anda memanipulasi tatasusunan, rentetan atau bekerja dengan tarikh dan masa, coretan ini boleh membantu memperkemas proses pembangunan anda.


Berhubung dengan Saya

Jika anda menikmati siaran ini dan ingin menyambung, sila hubungi saya di LinkedIn. Saya ingin menyambung dan berkongsi lebih banyak cerapan tentang pembangunan perisian!

Hubungi saya di LinkedIn

Atas ialah kandungan terperinci Coretan JavaScript Pendek & Manis. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan