今日は、珍しいけれど役に立つJSテクニックをいくつか紹介します

<ボタン onclick="history.back()">
    戻る</button>

定数largeNumber = 1_000_000_000;

console.log(largeNumber); // 1000000000

element.addEventListener('click', () => console.log('1回だけ実行します'), {
    一度: 真
});

定数数値 = [6, 8, 1, 3, 9];

console.log(Math.max(...数値)); // 9
console.log(Math.min(...数値)); // 1

const passwordInput = document.getElementById('password');

passwordInput.addEventListener('keyup', 関数(イベント) {
    イベントの取得ModifierState('CapsLock')の場合
        // CapsLock はすでにオンになっています }
});    

関数 copyToClipboard(テキスト) {
    クリップボードにテキストを書き込みます。
}

document.addEventListener('mousemove', (e) => {
    console.log(`マウスX: ${e.clientX}、マウスY: ${e.clientY}`);
});

定数数値 = [1, 2, 3, 4, 5]

数値の長さ = 3;

console.log(数字); // [1, 2, 3]   

// 通常の書き方 if (条件) {
    何かを実行します();
}

// 省略形条件 && doSomething();   

// [] はオプションのパラメータを参照します console.table(data [, columns]);

// オブジェクトの配列、firstName のみを出力
関数 Person(firstName, lastName) {
    _firstName_ は、_firstName_ の後に続く最初の名前です。
    this.lastName = 姓;
}

const john = new Person("John", "Smith");
const jane = new Person("Jane", "Doe");
const emily = new Person("エミリー", "ジョーンズ");

console.table([ジョン、ジェーン、エミリー]、["firstName"]);

定数数値 = [2, 3, 4, 4, 2];

console.log([...new Set(numbers)]); // [2, 3, 4]  

定数str = '404';

console.log(+str) // 404;   

定数 myNumber = 403;

console.log(myNumber + ''); // '403'    

const myArray = [1, 未定義, NaN, 2, null, '@denicmarko', true, 3, false];

console.log(myArray.filter(Boolean)); // [1, 2, "@denicmarko", true, 3]     

const myTech = 'JavaScript';
const techs = ['HTML', 'CSS', 'JavaScript'];

// 通常の記述 if (myTech === 'HTML' || myTech === 'CSS' || myTech === 'JavaScript') {
    // 何かをする
}

// 構文を含む if (techs.includes(myTech)) {
    // 何かをする 
}           

配列を10、20、30、40に設定します。
const リデューサー = (合計、現在の値) => 合計 + 現在の値;

console.log(myArray.reduce(リデューサー)); // 100     

<div id="user" data-name="John Doe" data-age="29" data-something="いくつかのデータ">
    ジョン・ドゥ
</div>

<スクリプト>
    定数user = document.getElementById('user');
  
    console.log(ユーザー.データセット); 
    // { name: "John Doe", age: "29", something: "Some Data" }
  
    console.log(user.dataset.name); // "John Doe"
    console.log(user.dataset.age); // "29"
    console.log(user.dataset.something); // "いくつかのデータ"
</スクリプト>