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

Coretan JavaScript Pendek & Manis

王林
王林asal
2024-07-19 17:01:19981semak imbas

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

02. Cari nombor maksimum dalam tatasusunan

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

// 10

03. Kocok tatasusunan

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

04. Hasilkan nombor rawak antara 1 dan 10

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

// 7

05. Tukar rentetan kepada huruf kecil

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

// hello, world!

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'

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!

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

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

10. Tukar ayat kepada susunan perkataan

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

console.log(words);

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

11. Ulang rentetan

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

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

// 'abcabcabc'

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]

13. Buat rentetan dinamik

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

14. Cantumkan objek

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

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

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

15. Ubah hala ke URL baharu selepas kelewatan

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

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!

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