一般的なフロントエンドメソッドの機能例を詳しく解説

この記事では主に、フロントエンドの作成プロセスにおける一般的なメソッドと関数の詳細な例を紹介します。これが皆様のお役に立てれば幸いです。

1. Push() メソッド

定義と使用法push() メソッドは、1 つ以上の要素を配列の末尾に追加し、新しい長さを返します。

構文

arrayObject.push(newelement1,newelement2,....,newelementX)。

戻り値 指定された値を配列に追加した後の新しい長さ。

説明 push() メソッドは、arrayObject の末尾にパラメータを順番に追加できます。新しい配列を作成するのではなく、arrayObject を直接変更します。 Push() メソッドと Pop() メソッドは、配列によって提供される first-in-last-pop 関数を使用します。

ヒントとメモ
注: このメソッドは配列の長さを変更します。
ヒント: 配列の先頭に 1 つ以上の要素を追加するには、unshift() メソッドを使用してください。 storage

    const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));

ローカル ストレージ内の特定の保存データを削除します

    var data1 = JSON.parse(sessionStorage.getItem('key'));    var data2 = JSON.parse(localStorage.getItem('key'));

すべての保存データを削除します

    sessionStorage.removeItem('key');
    localStorage.removeItem('key');

ローカル ストレージの変更をリッスンします

ストレージの変更 (追加、更新、削除) 時にトリガーされます。同じページ内の変更はトリガーされず、同じドメイン名の下にある他のページのストレージの変更のみを監視します

    sessionStorage.clear();
    localStorage.clear();

3. 入力

をクリックした後、青い枠線を削除します

    window.addEventListener('storage', function (e) {
        console.log('key', e.key);        console.log('oldValue', e.oldValue);        console.log('newValue', e.newValue);        console.log('url', e.url);
    })

以上が一般的なフロントエンドメソッドの機能例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。