解析flattenImages扁平化函数功能及参数tags的具体含义

flattenImages 函数功能说明 #

这个函数的核心作用是将结构化的嵌套图片集合转为一维数组，同时为每一张图片批量追加统一的公共属性，具体执行逻辑如下：

• 遍历images入参的所有属性值，每一个属性值对应一组同类型的图片列表
• 遍历每一组图片列表中的单个图片元素
• 为每个图片生成新对象：image字段存储原始图片内容，同时将tags入参的所有属性合并到该新对象上
• 最终返回所有新对象组成的一维扁平化数组

入参tags含义说明 #

tags是一个普通JS对象，存储的是需要挂载到所有图片上的公共属性，比如图片的来源、所属分类、权限标识、上传用户信息这类所有图片通用的字段，避免逐张手动添加属性的重复操作。

调用示例参考 #

// 示例入参images：按分类存储的嵌套图片集合
const images = {
  旅行实拍: ["西湖.jpg", "故宫.jpg"],
  手绘作品: ["插画1.png", "插画2.png"]
}
// 示例入参tags：所有图片通用的公共属性
const tags = {
  uploadUser: "张三",
  permission: "公开可访问",
  cdnPrefix: "https://xxx.cdn.com/"
}
// 调用函数
const res = flattenImages(images, tags)

调用后返回的结果为：

[
  {image: "西湖.jpg", uploadUser: "张三", permission: "公开可访问", cdnPrefix: "https://xxx.cdn.com/"},
  {image: "故宫.jpg", uploadUser: "张三", permission: "公开可访问", cdnPrefix: "https://xxx.cdn.com/"},
  {image: "插画1.png", uploadUser: "张三", permission: "公开可访问", cdnPrefix: "https://xxx.cdn.com/"},
  {image: "插画2.png", uploadUser: "张三", permission: "公开可访问", cdnPrefix: "https://xxx.cdn.com/"}
]

内容的提问来源于stack exchange，提问作者WenYi Jiang