JavaScriptで空の配列を削除する方法


  1. filter()メソッドを使用する方法:

    const array = [1, 2, , 3, , 4];
    const filteredArray = array.filter(item => item !== undefined);
    console.log(filteredArray); // [1, 2, 3, 4]

    この例では、filter()メソッドを使用してundefinedでない要素だけを残すことで、空の要素を削除しています。

  2. reduce()メソッドを使用する方法:

    const array = [1, 2, , 3, , 4];
    const reducedArray = array.reduce((accumulator, item) => {
    if (item !== undefined) {
    accumulator.push(item);
    }
    return accumulator;
    }, []);
    console.log(reducedArray); // [1, 2, 3, 4]

    この例では、reduce()メソッドを使用して新しい配列を構築し、undefinedでない要素だけを追加しています。

  3. forループを使用する方法:

    const array = [1, 2, , 3, , 4];
    const newArray = [];
    for (let i = 0; i < array.length; i++) {
    if (array[i] !== undefined) {
    newArray.push(array[i]);
    }
    }
    console.log(newArray); // [1, 2, 3, 4]

    この例では、forループを使用してundefinedでない要素だけを新しい配列に追加しています。

以上の方法を使用することで、JavaScriptで空の要素を含む配列から空の要素を削除することができます。選択した方法に応じて、自分のコードに組み込むことができます。