短くて魅力的な JavaScript スニペット

JavaScript は、Web 開発に広く使用されている、非常に多用途で強力なプログラミング言語です。熟練した開発者であっても、初心者であっても、便利な JavaScript スニペットのセットがあれば時間を節約し、コーディング プロセスを合理化できます。この記事では、さまざまなタスクをカバーする 15 個の短くて魅力的な JavaScript スニペットをまとめました。飛び込んでみましょう!

01. 現在の日付と時刻を取得する

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

02. 配列内の最大数を見つける

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

// 10

03. シャッフル配列

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

04. 1から10までの乱数を生成する

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

// 7

05. 文字列を小文字に変換する

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

// hello, world!

06. 偶数か奇数かを確認する

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

// 'Number is odd'

07. シンプルな10秒のカウントダウンタイマーを作成する

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. 数値の配列を文字列の配列に変換する

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

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

09. 重複を削除する

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

console.log(removeDuplicates(arr));

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

10. 文を単語の配列に変換する

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

console.log(words);

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

11. リピート文字列

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

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

// 'abcabcabc'

12. 配列の共通部分を見つける

// 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. 動的文字列の作成

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

14. オブジェクトの結合

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

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

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

15. 遅延後に新しい URL にリダイレクトする

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

これらの 15 の JavaScript スニペットは、数行のコードで実現できることのほんの一部です。配列、文字列を操作する場合でも、日付と時刻を操作する場合でも、これらのスニペットは開発プロセスを合理化するのに役立ちます。

---

私とつながってください

この投稿を気に入っていただき、つながりをご希望の場合は、LinkedIn でお気軽にご連絡ください。ソフトウェア開発についてもっとつながり、洞察を共有したいと思っています!

LinkedIn で私とつながりましょう

以上が短くて魅力的な JavaScript スニペットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。