JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
                <td>
                    <input name="result[]" class="result" id="1" type="text" value='xxx' required=""/>
                </td>
            </tr>
    <tr>
                <td>
                    <input name="result[]" class="result" id="2" type="text" value='ggg' required=""/>
                </td>
            </tr><tr>
                <td>
                    <input name="result[]" class="result" id="5" type="text" value='ddd' required=""/>
                </td>
            </tr>
    
</table>

JavaScript

arr=[];
$( ".result" ).each(function( index ) {
 key=$( this ).prop('id');
 value=$(this).val();
    arr.push(key+':'+value);   
});

console.log(arr);

obj={};

$( ".result" ).each(function( index ) {
 key=$( this ).prop('id');
 value=$(this).val();

    obj[key]=value; 
});

console.log(obj);