JavaScriptコードスニペットライブラリ

• 配列の重複を削除

  JavaScriptで配列の重複を簡単に削除する方法

  const uniqueArray = [...new Set(array)];

  コピー

• 深いコピー（オブジェクト）

  JSONを使った簡単なオブジェクトの深いコピー

  const deepCopy = JSON.parse(JSON.stringify(obj));

  コピー

• 非同期関数の例

  async/awaitを使った非同期処理の基本例

  async function fetchData(url) {
    try {
      const response = await fetch(url);
      const data = await response.json();
      return data;
    } catch (error) {
      console.error(error);
    }
  }

  コピー

• 配列の要素をシャッフル

  Fisher–Yatesアルゴリズムで配列をシャッフルする

  function shuffle(array) {
    for (let i = array.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
  }

  コピー

• イベントリスナーの追加

  DOM要素にイベントリスナーを追加する例

  element.addEventListener('click', () => {
    console.log('Clicked!');
  });

  コピー