将wordpress帖子加载到Javascript对象数组中

Question

我正在尝试调用我的Wordpress帖子列表，并将它们保存到Javascript对象数组中（真的是JSON）。我想要这样的东西：

var articles = [
  {
  title: 'Title 1',
  author: 'Author 1',
  byline: 'Byline 1'
  },{
  title: 'Title 2',
  author: 'Author 2',
  byline: 'Byline 2'
  }
]

我是PHP的新手，所以不太了解<?php ?>标签的循环和循环是如何工作的，也不知道变量和函数在这个意义上是如何工作的。我正在尝试以下方法：

<script>
    var articles = [];
    <?php
        $args = array( 'numberposts' => -1); 
        $posts= get_posts( $args );
        if ($posts) {
            foreach ( $posts as $post ) { ?> // exit PHP
                var obj = {}; // Create a JS object
                obj.title = <?php the_title(); ?>; // Append the title to the object
                obj.byline = <?php the_excerpt(); ?>; // Append the byline
                articles.push(obj); // Push object into the array
            <?php }
        }
    ?>
</script>