json_encode妙用：PHP数组无缝转换为JS对象-php教程-PHP中文网

php数组转js可用对象最稳妥方法是json_encode()，但必须用引号包裹输出、避免html上下文破坏，并对中文、html标签、时间、资源等特殊值预处理，否则易报“unexpected token”或xss风险。

json_encode妙用：php数组无缝转换为js对象

PHP数组直接变成JS可用的对象，json_encode 是最稳妥的路，但不是套上就完事——关键在引号、转义和上下文环境。

为什么 `json_encode` 输出的字符串在JS里报错“Unexpected token”

常见现象：把 json_encode($arr) 直接塞进 <script></script> 里，JS控制台报错，比如 Uncaught SyntaxError: Unexpected token '' 或解析出 undefined。

根本原因：PHP输出的是 JSON 字符串（带双引号），而 JS 脚本里没用引号包裹它，相当于写了 var data = {"name":"张三"}; ——这在语法上是非法的，JS 期望的是字面量或赋值表达式，但缺少引号会让大括号被当成代码块。

实操建议：

必须用单引号或双引号包裹 json_encode 的输出，例如：var data = <?php echo json_encode($arr); ?>; ❌ 错误写法；应写成 var data = <?php echo json_encode($arr); ?>; → 实际要加引号：var data = <?php echo json_encode($arr); ?>; → 正确是：var data = <?php echo json_encode($arr); ?>;（注意前后引号）
更安全的做法是统一用 JSON.parse() + 字符串：var data = JSON.parse('<?php echo addslashes(json_encode($arr)); ?>');，但前提是确保 PHP 输出不含未转义的单引号
推荐终极解法：用 json_encode($arr, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) 避免中文乱码和 XSS 风险，再配合 htmlspecialchars() 输出到 HTML 属性或内联脚本中

PHP 数组含 HTML 标签或用户输入时，`json_encode` 会出什么问题

典型场景：从数据库读取带 <p></p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill2750" title="抖音下载器(Node.js)"><img src="https://img.php.cn/upload/skill/000/000/081/178935487523053.jpg" alt="抖音下载器(Node.js)" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill2750" title="抖音下载器(Node.js)" class="overflowclass">抖音下载器(Node.js)</a> <p class="overflowclass">抖音无水印视频下载和文案提取工具</p> </div> <a rel="nofollow" href="/xiazai/skill2750" title="抖音下载器(Node.js)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>、"、换行符的字段，直接 json_encode 后插入 <script></script>，JS 解析失败或页面被 XSS 注入。

原因在于：json_encode 默认不处理 HTML 实体，且对 、<code>>、& 等字符不做额外编码，一旦嵌入 HTML 上下文，就会破坏 DOM 结构。

实操建议：

不要把 json_encode 结果直接拼进 HTML 属性（如 data-json="<?php echo json_encode($arr); ?>"），容易因引号冲突崩掉
若必须放属性，用 htmlspecialchars(json_encode($arr), ENT_QUOTES, 'UTF-8') 包一层
最佳实践是走 <script type="application/json"></script> 容器：
```
<script type="application/json" id="init-data"><?php echo json_encode($arr, JSON_UNESCAPED_UNICODE); ?></script>
```
然后 JS 里用 JSON.parse(document.getElementById('init-data').textContent)

`json_encode` 和前端 `JSON.parse` 配合时，时间、布尔、null 值要注意什么

PHP 的 null、true、false 经 json_encode 后变成 JS 原生值，没问题；但时间类型（如 DateTime 对象）默认转成空对象 {}，而不是 ISO 字符串。

实操建议：

时间字段务必提前格式化：$arr['created_at'] = $date->format('c');（c 是 ISO 8601 格式），否则 JS 里拿到的是空对象
资源类型（如 file handle、PDO 对象）无法被 json_encode，会静默转成 null，需提前过滤或抛异常
浮点数精度：PHP 默认保留小数位数可能与 JS 不一致，敏感计算建议转成字符串再传，如 'price' => sprintf('%.2f', $price)
避免用 JSON_NUMERIC_CHECK，它会把数字字符串（如 "000123"）强行转整数，丢失前导零