[Javascript] Data Type & Summary

5种数据类型

Undefined Null Boolean Number String

1种复杂的数据类型

Object

(1) Undefined VS NULL

Undefined 是定义了 但是并没有初始化
值为undefined
eg: 
   var a;
   console.log(a);//undefined 
   console.log(typeof(a));//undefined (类型)

NULL 空对象指针 
值为null
eg:
   var a=null;
   console.log(typeof(a));//object (类型) 对象类型

undefined==null

(2) == VS ===

== 类型可以不同 比较的值相同

   null==undefined
   boolean: true为1 false为0
   number string: string转化成number类型 进行比较
                  123=="123"
   object :  要看比较的类型
             if 是number 则转为number
               var obj=[1,2,3];
               var num=123;  //obj==num
             if 是string 则转为string
               var obj=[1,2,3];
               var str="1,2,3";  //obj==str

=== 类型相同 且比较的值相同

(3) typeof 检验数据类型

     undefined
     boolean
     string 
     number
     object---对象或null eg: 数组为对象
     function--- eg:
                   function a(){}
                   alert(typeof(a));//function

(4) 检测Object方法 typeof只能说明这个是object 不能说明他们是object中的哪一类

 - instanceof
            eg: var a=[];
                a instanceof Array;//true

 - Object.prototype.toString.call(a);
 //"[object Array]"

         toString表明当前对象的内部属性值
         Object内部有10个属性值 eg:Array Boolean Date Math RegExp....

(4.1) 判断Array的类型方法

 - a instanceof A 
 //只有A的原型对象出现在a的原型链上 才可以返回true
                   var a=[1,23];
                   var b={};
                   console.log(b instanceof Array);//false

 - Array.isArray() //兼容性问题 IE8瘫
                  var a=[1,23];
                  console.log(Array.isArray(a));//false

 - Object.prototype.toString.call(a); 
 //兼容性最好 没有问题
                  var a=[1,23];                console.log(Object.prototype.toString.call(a));//[object Array] 

(5) NaN

    Not a number
    NaN!=NaN //true
    NaN==NaN //false
    typeof NaN// number
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用element-plus el-table实现xlsx数据导出,需要使用xlsx和file-saver插件。 1. 第一步是安装和引入xlsx和file-saver插件。 ``` npm install xlsx file-saver --save ``` ```javascript import XLSX from 'xlsx' import FileSaver from 'file-saver' ``` 2. 第二步是编写xlsx导出函数,该函数将读取el-table中的数据并将其写入xlsx工作表。 ```javascript export function exportExcel(tableData, fileName) { const worksheet = XLSX.utils.json_to_sheet(tableData) const workbook = XLSX.utils.book_new() XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1') const buffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }) saveAs(new Blob([buffer], { type: 'application/octet-stream' }), fileName) } ``` 3. 最后,在事件处理程序中调用导出函数,并传递el-table数据和文件名作为参数。 ```javascript exportExcel(this.tableData, '文件名.xlsx') ``` 完整示例代码: ```vue <template> <el-table :data="tableData" border> <el-table-column prop="id" label="ID"></el-table-column> <el-table-column prop="name" label="名称"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> <template slot="summary"> <el-button type="primary" @click="handleExport">导出</el-button> </template> </el-table> </template> <script> import XLSX from 'xlsx' import FileSaver from 'file-saver' export default { data() { return { tableData: [ { id: '1', name: '张三', age: '20', address: '上海' }, { id: '2', name: '李四', age: '30', address: '北京' }, { id: '3', name: '王五 ', age: '40', address: '广州' } ] } }, methods: { handleExport() { const worksheet = XLSX.utils.json_to_sheet(this.tableData) const workbook = XLSX.utils.book_new() XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1') const buffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }) FileSaver.saveAs(new Blob([buffer], { type: 'application/octet-stream' }), '数据.xlsx') } } } </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值