javascript - 名前で値をグループ化する複数のフォームを収集するjqueryシリアライズ

Question

複数のフォーム入力を収集し、出力を名前で値を結合する文字列にグループ化する方法

例えば：

<div class="register">
    <input type="text" name="full_name">
    <textarea name="address"></textarea>
    <input type="radio" name="sex" value="male">
    <input type="radio" name="sex" value="female">
    <input type="checkbox" name="hobies" value="foodball">
    <input type="checkbox" name="hobies" value="basketball">
    <input type="button" class="submit" value="Submit">
</div>

出力を取得する方法は、文字列またはこのようなものになります

// フィールド名: [値]

私はこのようにしようとしています:

$('.submit').click(function(){
    var InputCollect = $('.register').find(':input');

    $(InputCollect).each(function(){
        names = $(this).attr('name');
        values = $(this).attr('value');
    
        // the output will be string or something like this:
    
        // full_name: jhon doe
        // address: some street
        // gender: male
        // hobies: football, basketball (combine multiple values:not if checked)
    });
});

複数の値を名前でグループ化する方法がわかりません

その出力を作成する最良の方法は何ですか.. jQueryシリアライズまたは各関数を使用しますか?? 注意してくれてありがとう