本文介绍如何在 php 中遍历关联或索引数组时获取当前元素的键（索引），并将其与值一同输出，适用于 wordpress 自定义字段等场景，如为动物列表自动添加 `(0)`, `(1)` 等序号标识。
在实际开发中，尤其是使用 WordPress 的 get_post_meta() 获取序列化数组时，常会遇到类似需求：不仅要展示数组内容（如动物名称），还需明确标出其在原数组中的位置（即数字索引）。PHP 的 foreach 语句支持同时获取键（key）和值（value），这是实现该功能最简洁、高效的方式。
正确写法如下（以 WordPress 场景为例）：
<?php $animals = get_post_meta($post_id, 'animals', true); ?>
<ul>
<?php foreach ($animals as $index => $animal): ?>
<li><?php echo esc_html($animal) . ' (' . (int)$index . ')'; ?></li>
<?php endforeach; ?>
</ul>✅ 关键点说明：
- 使用 foreach ($array as $key => $value) 语法可直接访问每个元素的索引（即使数组是纯数字索引，$key 也会返回 0, 1, 2…）；
- 建议对输出内容做安全过滤：esc_html() 防止 XSS，(int)$index 确保索引为整型，避免意外类型问题；
- 若 $animals 可能为空或非数组，建议前置校验：
<?php
$animals = get_post_meta($post_id, 'animals', true);
if (!is_array($animals) || empty($animals)) {
echo '<p>No animals found.</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20e695c2374.jpg" alt="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审">使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审</a>
<p>使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。</p>
</div>
<a href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/7fc7563c4182" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">PHP免费学习笔记（深入）</a>”；</p>';
return;
}
?>⚠️ 注意事项：
- 不要使用 array_keys() 或 array_search() 等额外函数来“反查”索引——既低效又不必要；
- 避免在循环内调用 count() 或 key() 等函数干扰遍历逻辑；
- 若数组为关联数组（如 ['dog' => 'Bulldog', 'cat' => 'Siamese']），$index 将输出 'dog', 'cat' 字符串，此时需确认业务是否仍需数字序号——如需统一编号，应改用 foreach ($animals as $i => $animal) 配合 $i 手动计数，或重置为数字索引：array_values($animals)。
综上，利用 foreach 的双变量语法是标准、可靠且性能最优的解决方案，兼顾可读性与安全性。
