Zapier - Catch Hook - JSON 数组 - 遍历数组中的每个项目

Question

我需要使用 Zapier webhook 来获取一些传入的 JSON 数据，其中包含一个项目数组，循环该数组并对每个元素执行一个操作。

以下是传入 JSON 数据的示例：

    {
            "first_name": "Bryan",
            "last_name": "Helmig",
            "age": 27,
            "data": [
                {
                    "title": "Two Down, One to Go",
                    "type": "Left"
                },
                {
                    "title": "Talk the Talk",
                    "type": "Right"
                },
                {
                    "title": "Know the Ropes",
                    "type": "Top"
                }
            ]
    }

数组的大小是动态的。

问题是当我在钩子中导入这些数据时，它给了我

data
    title: Two Down, One to Go
    type: Left
    title: Talk the Talk
    type: Right
    title: Know the Ropes
    type: Top

所以，基本上它说data 只是所有这些东西的一大串。

谁能帮我弄清楚是否有可能对此进行 Zap 循环并做一些事情，例如，将数据插入工作表中，永远在数组中的项目？我知道“代码”操作，我选择了 JavaScript，我可以解析出字符串，但这似乎效率不高。另外，实际上，JSON 数组内的对象中会有很多数据。

编辑：已解决！下面回答

Answer 1

所以，第一部分是Catch Raw Hook 的触发器。这是普通的“Webhooks”，但您必须单击以显示不太常见的变体。使用 Catch Raw Hook，您的数据不会通过 Zapier 应用程序自动转换为变量，您将拥有原始 JSON 数据。

一旦你有了原始 JSON，在我的例子中，你就会有一个动作，这将是“代码”动作。我正在使用 JavaScript。在我的模板中，我抓取了整个 JSON 字符串（您导入的整个 JSON 现在是一个字符串，而不是一个对象，所以我们不能使用“.”（点）符号来访问部分其中）。

您需要JSON.parse() 代码中的字符串。但首先，让我解释一下 Zapier 有一个名为 inputData 的预定义变量，您将在代码中使用它。然后在“代码”Action 的“编辑模板”部分的顶部，您会看到可以命名您导入的 JSON 字符串的变量。

现在是有趣的部分！在代码中，您将键入：

// of course, you can change the variables to what you want
// but 'inputData' is unique, can't change that
const myData = JSON.parse(inputData.rawJsonData); 

所以，我的原始数据是一个字符串，它还不是 JSON，所以这行代码使它成为一个 JSON 对象。现在，作为一个对象，我们可以遍历它或 .map 或访问 'this.that' 或任何你想要的。

关于 Zapier 中的“代码”，接下来要提到的重要一点是，为了将你的东西拿出来，你 return。因此，在接下来的几行中，我将返回一个 .map 函数，该函数返回数组中的每个项目。很难理解 Zapier 是如何处理这个问题的，但它实际上会在每次循环进入该 .map 时运行您创建的下一个“动作”（例如，在工作表中添加一行）。那么，让我们来看看下面的内容：

return myData.data.map(item => {
    return item;
});

如果您还记得，我在原始问题中列出的原始 JSON 中有一个名为“data”的数组。它将遍历该数组，并且由于我是returning，因此它将为每个循环执行“将行添加到工作表”（在我的情况下），因此，将我的所有数据作为多行插入到我的电子表格中。

所以完成的代码：

const myData = JSON.parse(inputData.rawJsonData);

return myData.data.map(item => {
    return item; 
});