vue 数组转换成dataframe,在终端像python一样行列显示

1 npm安装

npm install pandas-js

2 导入

import { DataFrame } from 'pandas-js'

3 src目录下创建文件 pandas-js.d.ts

declare module 'pandas-js' {
  export const DataFrame: any;
}
/**
 * .ts 文件是 TypeScript 文件的扩展名，而不是 JavaScript 文件的扩展名。TypeScript 是 JavaScript 的超集，它提供了类型检查、类、接口、泛型等特性，使得 JavaScript 更加适合大型的项目和团队协作。

  在使用 TypeScript 进行开发时，我们需要为我们的 JavaScript 代码添加类型定义。这些类型定义通常是在 .d.ts 文件中提供的，这些文件通常被称为类型声明文件。这些文件定义了库或模块的 API，并允许 TypeScript 编译器对我们的代码进行类型检查和自动补全。

  因此，在使用 TypeScript 进行开发时，我们通常会使用 .ts 文件扩展名来编写我们的代码，并使用 .d.ts 文件扩展名来编写类型声明文件。
 */

4 使用

import pandas from 'pandas-js';

export default {
  data() {
    return {
      myArray: [1, 2, 3, 4, 5],
      myDataFrame: null
    };
  },
  mounted() {
    this.convertArrayToDataFrame();
  },
  methods: {
    convertArrayToDataFrame() {
      const { DataFrame } = pandas;
      const data = { ColumnName: this.myArray };
      this.myDataFrame = new DataFrame(data);
        // 打印数据集合
      console.table(this.myDataFrame)
    }
  }
};