react typescript 数组转json
时间: 2023-09-29 16:03:26 浏览: 189
假设你有一个数组 `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}]
```
相关问题
react typescript 数组转json字符串
可以使用JSON.stringify方法将数组转换为JSON字符串,示例如下:
```typescript
import React from 'react';
interface Item {
id: number;
name: string;
}
const items: Item[] = [
{ id: 1, name: 'item 1' },
{ id: 2, name: 'item 2' },
{ id: 3, name: 'item 3' },
];
const JsonStringifyArrayExample = () => {
const jsonString = JSON.stringify(items);
console.log(jsonString);
return <div>{jsonString}</div>;
};
export default JsonStringifyArrayExample;
```
在上面的示例中,我们定义了一个名为Item的接口来描述数组中的每个元素,然后我们定义了一个名为items的数组,并将其传递给JSON.stringify方法来转换为JSON字符串。最后,我们将JSON字符串显示在组件中并在控制台中打印它。
阅读全文