如何将 BigNumber 转换为 Typescript 中的普通数字

Question

伙计们，我正在从智能合约中获取数据，它给出了一个大数字作为响应，我想将其转换为普通数字，以便我可以使用它来创建条形图。 如何才能做到这一点？

这是我编写的一段代码，以便可以将值存储在数组中：

//Creating candidatevoterarray for graph
    for (var i =0; i<= 4; i++){
        const temparray = this.candidatearray[i]
        const count = temparray.voteCount
        // this.candidatevotearray.push(count)
        console.log(count)
  }

Answer 1

作为文档https://docs.ethers.io/v5/api/utils/bignumber/说 BigNumber 中有一个方法.toNumber()

Answer 2

TypeScript或ECMAScript以及BigNumber中都没有BigNumber这样的东西。 这意味着BigNumber必须是您自己编写的，或者来自您没有告诉我们的某个库。

如果它是您自己编写的，那么只有您知道如何将其转换为number或bigint 。 如果它来自库，您将不得不查看该库的文档。

但是，请注意，有人会编写和/或使用BigNumber class 之类的主要原因是因为它首先不能用number或bigint表示，所以很可能是您的BigNumber不能完全转换（准确）成number或bigint 。

例如，我只是随机找到了一个库，它定义了一个名为BigNumber 的 class / 构造函数 function ，名为 bignumber.js BigNumber 它有一个BigNumber.prototype.toNumber方法，该方法将BigNumber的实例转换为 ECMAScript 原始number 。 但是当然， BigNumber的数量比number的数量要多得多（更准确地说， BigNumber的数量可以无限多，但只有 2 ^{64 个}number ），所以这种转换不可能是准确的。 特别是，有一个最小和一个最大的number ，但没有最小或最大的BigNumber ，因此任何大于最大number或小于最小number的BigNumber根本无法表示。

Answer 3

我做这样的事情：

    const getBalance = async () => {
        try {
            const balance = await token.balanceOf(address)
            console.log(Number(balance._hex))
            return balance;
        } catch (error) {
            console.log(error)
        }
    }

        useEffect(() => {
        getBalance().then((res) => setOwnerBalance(Number(res._hex)))    
    }, [data])  

    console.log(Number(balance._hex))