在wordpress中将数组从PHP传递给jQuery

function theme_enqueue_scripts() {
    // 注册并加载 jQuery
    wp_enqueue_script('jquery');
    
    // 注册并加载自定义的脚本文件
    wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), '1.0', true);
    
    // 定义需要传递给脚本的数组数据
    $data = array(
        'name' => 'John Doe',
        'age' => 30,
        'email' => 'john@example.com'
    );
    
    // 使用 wp_localize_script() 将数组数据传递给脚本
    wp_localize_script('custom-script', 'custom_data', $data);
}
add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');

jQuery(document).ready(function($) {
    // 在控制台中输出传递过来的数组数据
    console.log(custom_data);
    
    // 使用传递过来的数组数据进行操作
    var name = custom_data.name;
    var age = custom_data.age;
    var email = custom_data.email;
    
    // 在页面中显示数组数据
    $('#name').text(name);
    $('#age').text(age);
    $('#email').text(email);
});