javascript - 如何在 React post 方法调用中传递带有表示数字数据类型的值的 json 属性

Question

我有一个 React 应用程序，我正在其中对 api 进行后调用。我的帖子发送一个键值对象，该对象使用 JSON.stringify 转换为 json。此属性表示数据库中的字段，并且在某些情况下值是数字。我的问题是我收到 400 错误。

我怀疑这是因为我传递的 json 对象如下所示:

let data =
{
"field1": "value1",
"field2": "value2",
"count": "47"
}

我正在从状态设置这些属性值，如下所示:

let data =
{
"field1": state.value1,
"field2": state.value2,
"count": state.value3
}

但是，在我的数据库表中，对象被发布到的count是一个数字字段。

为了测试这个理论，我创建了一个如下所示的硬编码对象，当我发布它时它工作得很好:

let data =
{
"field1": "value1",
"field2": "value2",
"count": 47
}

Javascript 没有输入，所以如何创建一个与上面的对象类似的对象，其中非字符串值不包含在引号中？

Answer 1

您可以通过多种方式将 Javascript 中的String 转换为Integer。

方法一:

const stringAsNumber = "0";
const castedString = +stringAsNumber;
console.log(castedString); // 0
console.log(typeof castedString); // "number"

方法2:

const stringAsNumber = "0";
const castedString = parseInt(stringAsNumber);
console.log(castedString); // 0
console.log(typeof castedString); // "number"

因此，根据您的情况，请执行以下操作:

let data = {
    "field1": state.value1,
    "field2": state.value2,
    "count": +state.value3
}

注意:如果您在不能是数字的字符串上使用 + 或 parseInt ，那么它将返回 NaN