react typescript string转为number

你可以使用JavaScript中的`parseInt()`或`parseFloat()`函数将字符串转换为数字。在TypeScript中，可以使用如下的代码：

const str: string = "123";
const num: number = parseInt(str, 10); // 将字符串转换为10进制的整数

或者：

const str: string = "123.45";
const num: number = parseFloat(str); // 将字符串转换为浮点数

请注意，`parseInt()`和`parseFloat()`函数的第二个参数是用于指定基数的，它决定了使用哪种进制进行转换。在这里，我们使用了10作为基数，因为我们想要将字符串转换为10进制的整数。如果字符串表示的是16进制数，我们可以将基数设置为16，如下所示：

const str: string = "1A";
const num: number = parseInt(str, 16); // 将字符串转换为16进制的整数

相关问题

react typescript 循环对象

可以使用 TypeScript 的泛型来定义循环对象的类型，然后使用 `Object.entries()` 方法将对象转换为键值对数组，最后使用 `.map()` 方法遍历数组。

例如，假设有以下对象：

interface Person {
  name: string;
  age: number;
}

const people: Record<string, Person> = {
  john: { name: 'John', age: 30 },
  jane: { name: 'Jane', age: 25 },
  bob: { name: 'Bob', age: 40 },
};

可以通过以下方式循环对象：

Object.entries(people).map(([key, value]) => (
  <div key={key}>
    <span>{value.name}</span>
    <span>{value.age}</span>
  </div>
));

在这个例子中，`Object.entries(people)` 返回一个键值对数组，其中每个元素包含对象的键和值。然后使用 `.map()` 方法遍历数组，将每个元素渲染为一个 `<div>` 元素。`key` 属性设置为对象的键，以确保 React 可以正确地跟踪每个元素。在 `<div>` 元素中，渲染对象的 `name` 和 `age` 属性。

react typescript 数组转json

假设你有一个数组 `myArray`，你可以使用 JSON.stringify() 方法将其转换为 JSON 格式的字符串。

示例代码：

import React from 'react';

interface MyObject {
  name: string;
  age: number;
}

const myArray: MyObject[] = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 },
];

const MyComponent: React.FC = () => {
  const json = JSON.stringify(myArray);
  console.log(json);
  return <div>{json}</div>;
};

export default MyComponent;

输出结果：

[{"name":"Alice","age":25},{"name":"Bob","age":30},{"name":"Charlie","age":35}]