在Typescript[duplicate]中的JSON API响应上将字符串强制转换为Typescript中的数字

Question

我正在与返回JSON的Axios进行API调用。API将CUSIP返回为类型String，但是，我希望将其接收为类型Number。我创建了一个接口，它具有类型类型为数字，但是当我得到变量时，它仍然被视为字符串。

API调用和一些逻辑：

const axios = require('axios');
import { General } from './json-objects-new';

module.exports = {
    makeApiCall : function(ticker:string) {

    axios.get(`${API_ENDPOINT}${ticker}?api_token=${API_KEY}`)
        .then(function (response) {
            // handle success    
            return response.data;

        })
        .catch(function (error) {
            // handle error
            console.log(error);
        })
        .then(data => {

            let gen : General = data.General;

            let num = gen.CUSIP + 1337

            console.log(num);

        });

    }
}

名为General的接口，其中我将CUSIP转换为数字：

export interface General {
    ISIN: string;
    CUSIP: number;
}

问题是：不是将[CUSIP 1337]打印为[2 1337=1339]，而是打印[21337]。我很乐意帮忙，谢谢。我真的不想在构造函数中手动强制转换所有内容。

Answer 1

你必须记住TypeScript只是Javascript上面的一层类型，它不会修改实际的javascript。

在您的情况下，即使CUSIP被键入为数字，您收到的实际数据也是一个字符串。您应该将从API获得的内容声明为字符串，然后将其转换为带有parseInt（gen.CUSIP，10）.

Answer 2

尝试将CUSIP从字符串更改为数字：

const axios = require("axios");
import { General } from "./json-objects-new";

module.exports = {
  makeApiCall: function(ticker: string) {
    axios
      .get(`${API_ENDPOINT}${ticker}?api_token=${API_KEY}`)
      .then(function(response) {
        // handle success
        return response.data;
      })
      .catch(function(error) {
        // handle error
        console.log(error);
      })
      .then(data => {
        let gen: General = data.General;

        let num = Number(gen.CUSIP) + 1337; /* convert CUSIP string to number */

        console.log(num);
      });
  }
};