pushとassign関数を使ってオブジェクトや配列を作る方法

今回は下記のような配列をつくる方法になります。

[{"item_name":"商品001"},{"item_name":"商品002"},{"item_name":"商品003"}]

オブジェクト、配列を作る方法

今回はliのテキストを取得してオブジェクトをつくり配列にする方法していきます。

html

<ul class="item_list">
        <li>商品001</li>
        <li>商品002</li>
        <li>商品003</li>
</ul>

js

jQuery(function() {

        obj = {}; //オブジェクト
        array = []; //配列
       
        jQuery('.item_list > li').each(function () {
                elem = jQuery(this);

                let name = elem.text();
               
                obj.item_name = name;

                array.push(Object.assign({}, obj));
        });

        console.log(array);
        console.log(JSON.stringify(array));
});

サンプル