对象和字符串拼接后运算

Haven大虹

已于 2022-05-23 13:52:07 修改

阅读量2.5k

点赞数

分类专栏： Js 文章标签： javascript 前端

于 2022-05-23 13:49:18 首次发布

本文链接：https://blog.csdn.net/qq_42409076/article/details/124925267

版权

Js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了在项目开发中使用JSZip压缩插件遇到的问题及解决方案。错误做法包括直接对象和字符串拼接，以及使用eval尝试执行字符串化的对象。解决方法包括针对固定数量文件的硬编码方式，以及使用递归函数动态添加文件到压缩包。通过这两种方法，可以成功地将不确定数量的文件动态压缩到ZIP文件中。

摘要由CSDN通过智能技术生成

最近项目开发用到压缩插件JSZip，因为用户上传的文件数量是不固定的，所以需要动态追加文件去压缩。

错误的使用：

1、直接对象和字符串拼接

var aa = "";
for(var i = 0; i < _this.forZipFile.length; i++){
    aa += ".file(_this.forZipFile[" + i + "].name, _this.forZipFile["+ i+ "])"
}
console.log("aa", aa); //可以获取到拼接好的字符串 file(_this.forZipFile[0].name, _this.forZipFile[0]).file(_this.forZipFile[1].name, _this.forZipFile[1]) ......

var zip = new JSZip();
zip.folder("media") + aa; //结果会是"[object,object].file(_this.forZipFile[0].name, _this.forZipFile[0])..." 
//打包出来是空文件夹

2、对象转字符串，再用eval

var aa = "";
for(var i = 0; i < _this.forZipFile.length; i++){
    aa += ".file(_this.forZipFile[" + i + "].name, _this.forZipFile["+ i+ "])"
}
console.log("aa", aa); //可以获取到拼接好的字符串 file(_this.forZipFile[0].name, _this.forZipFile[0]).file(_this.forZipFile[1].name, _this.forZipFile[1]) ......

var zip = new JSZip();
var tt = JSON.stringify(zip.folder("media"));
console.log(tt + aa);
eval(tt + aa);

在这里插入图片描述

解决方法

1、死板的方法

if(_this.forZipFile.length == 2){
  zip.folder("media").file(_this.forZipFile[0].name, _this.forZipFile[0]).file(_this.forZipFile[1].name, _this.forZipFile[1])
}else if(_this.forZipFile.length == 3){
   zip.folder("media").file(_this.forZipFile[0].name, _this.forZipFile[0]).file(_this.forZipFile[1].name, _this.forZipFile[1]).file(_this.forZipFile[2].name, _this.forZipFile[2])
}else if......

2、使用递归函数

var bb = 0;
function aa(zip){
  if(bb < _this.forZipFile.length){
     zip.file(_this.forZipFile[bb].name, _this.forZipFile[bb]);
     bb++;
     return aa(zip);
}

var zip = new JSZip();
aa(zip.folder("media"))