Hi, Dear Folks, Can you please help me to understand how to populate the form with the object or array that I have?

 // Targeting the form elements input areas in order to perform some validation on it
const userFirst = document.getElementById('userFirst');
const userLast = document.getElementById('userLast');
const userAge = document.getElementById('userAge');
const userPhone = document.getElementById('userPhone');
const email = document.getElementById('userEmail');

// FUNCTIONS to validate the Form on change event

function validateEmail(emails) {
    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(emails);
}

function numberValidation(numbers) {
    const hasNumber = /\d/;
    return hasNumber.test(numbers);
}

function validateForm() {
    if (userFirst.value.length < 6) {
        alert('Name is too too short. The Name must be 6+ characters.');
        userFirst.focus();
    } else if (userLast.value.length < 7) {
        alert('Lastname is too too short. The Lastname must be 7+ characters at least.');
        userLast.focus();
    } else if (userAge.value.length < 2) {
        alert('Age should contain two digits or numbers');
        userAge.focus();
    } else if (userPhone.value.length < 6) {
        alert('Number is too short. Number must be 6+ characters.');
        userPhone.focus();
    } else if (!numberValidation(userPhone.value)) {
        alert('Phone number does not include a number. It must include at least 1 number.');
    } else if (!email.value) {
        alert('Enter email.');
        email.focus();
    } else if (validateEmail !== email.value) {
        // This is easier way to understand as !== strictly not equals although just throwing !before the function name is a bit lesser code to write
        alert('Invalid email entered.');
        email.focus();
    }
}