如何将php数组设置为html元素数据属性作为javascript数组？

Question

我在php中有自定义的数组：

$tags = [
    'portfolio',
    'material',
    'corporate'
];

如何将该数组粘贴为HTML元素中的javascript数组：

<div id="template" data-tags='["portfolio", "material", "corporate"]'></div>

我必须在php文件中执行此任务，然后返回查看。

我很累：

$result = "";
foreach ($tags as $tag) {
    $result .= '"'.$tag.'",';
}
$result = '<div class="getTags" style="display:none;" data-tags=\'['.$result.']\'></div>'; 
return $result;

但是这里的数据标签不是数组，而是字符串。我该如何解决这个问题？