如何获取单选按钮和选项按钮值，然后在能够调用它的同时按下数组

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

<input type="checkbox" name="hobbies" value="reading"> Reading
<input type="checkbox" name="hobbies" value="music"> Music
<input type="checkbox" name="hobbies" value="sports"> Sports

// 获取单选按钮的值
var gender = document.querySelector('input[name="gender"]:checked').value;

// 获取选项按钮的值
var hobbies = [];
var checkboxes = document.querySelectorAll('input[name="hobbies"]:checked');
checkboxes.forEach(function(checkbox) {
  hobbies.push(checkbox.value);
});

// 调用数组
console.log(gender);
console.log(hobbies);