Javascript 尝试将数组插入数据库时，Laravel会插入空值

当我尝试向数据库插入数组时，会传递一个空值，如下图所示

这就是输入字段的外观

这是单击

添加产品

按钮时将克隆的表

 <table class="d-none">
<tbody>
    <tr id="product-row" class="product-row">
        <td>
            <input type="text" class="form-control" name="extras_name[]" placeholder="Name">
        </td>
        <td>
            <input type="text" class="form-control" name="extras_price[]" placeholder="Price">
        </td>

        <td class="text-center">
            <button type="button" class="btn btn-sm btn-danger remove d-none">
                <i class="fa fa-trash"></i>
            </button>
        </td>
    </tr>
</tbody>

这是控制器中的

存储功能

（如果需要）

我只想知道是什么在我的数组中创建了空输入

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('#add-product').on('click', function() {
            var $row = $('#product-row').clone();
            $row.attr('id', '');
            $row.find('button.remove').removeClass('d-none');
            $('#products-list table tbody').append($row);
            refreshRows();
        });

        $(document).on('click', '#products-list .remove', function(evt) {
            evt.preventDefault();
            $(this).closest('tr').remove();
            refreshRows();
        });
    });
</script>

 public function store(Request $request, $venue, CustomProduct $customProduct)
{
    $customProduct = $customProduct->create($this->validateRequest());

    dd($request->extras_price);

    if (count($request->extras_name)>0) {
       foreach ($request->extras_name as $key => $value) {
          $data = array(
              'custom_products_id' => $customProduct->id,
              'name'=>  $request->extras_name[$key],
              'price'=>  $request->extras_price[$key]
          );
          CustomProductExtra::insert($data);
       }
    }

    return redirect(route('manage.custom-products.index',[$venue]))->with('success','Custom Product Created');
}