Developer toolのconsoleで表示される Javascriptの"d{" とはなんでしょうか？

Question

下記のようなコードでconsole.log(zip)をすると、下記のconsoleのように表示されます。そこでname: "test.pdf"を変更したいのでzip.d['filses']['test.pdf']['name']="hoge.pdf"のようにしてもconsole上zip.d自体がundefinedになってしまいます。

1.そもそもここでいうd{・・・とはどのような意味なのでしょうか？
2.name: "test.pdf"の変数を変更するのが目的なのですが、どのようにnameにアクセスすればよいのでしょうか？

基本的なことであれば大変もうしわけございません。

 function downloadFile(zip, url, filename) {
        return new kintone.Promise(function(resolve, reject) {
            // getbinarycontent は 非同期でURL からファイルを取得するAPI
            // JSZIP util APIを利用
            JSZipUtils.getBinaryContent(url, function(err, data) {
                if (err) {
                    reject(err);
                }
                zip.file(filename, data, {binary: true});
　　　　　　　　　　console.log(zip)//ここです
                resolve(data);
            });
        });
    }

▼d {files: {…}, comment: null, root: "", clone: ƒ}
 ▶clone: ƒ ()
  comment: null
 ▶files:
   ▶test.pdf: i {name: "test.pdf", dir: false, date: Thu Jun 25 2020 12:18:39 GMT+0900 
  (日本標準時), comment: null, unixPermissions: null, …}
   ▶__proto__: Object
root: ""
  ▶__proto__: Object

宜しくお願い申し上げます。

Answer 1

1.そもそもここでいうd{・・・とはどのような意味なのでしょうか？

圧縮された結果コンストラクタがdになってしまっただけで、d自体に特別な意味はありません。

2.name: "test.pdf"の変数を変更するのが目的なのですが、どのようにnameにアクセスすればよいのでしょうか

使っているAPIのドキュメントなどを確認してみるのが適切な手段です。オブジェクトの構造を自分で読み進めて強引に書き換えると、環境やバージョンの変化で動かない、ということになる危険があります。

Comments

[pegy]

コメントいただき、誠にありがとうございます。
dについてはよくわかりました。APIのドキュメントでは対応できず、何とかないかと触っていたのですが、zip.filesでアクセスはできたのですがzip.files["test.pdf"]でいくとundefinedですね。。ここらへんのjavascriptのオブジェクトの構造とDTの見方が少し慣れないのですが、ドットが問題なのかと思いつつ文字列なので関係はないと思うのですが・・・

Answer 2

1.そもそもここでいうd{・・・とはどのような意味なのでしょうか？

github JSZipドキュメント の JSZipオブジェクトに相当します。

• JSZip .. アーカイブファイル（zipファイル）に相当するオブジェクト：api_jszip
• ZipObject .. 格納されたエントリ（ファイル/ディレクトリ）の情報を持ったオブジェクト：api_zipobject

2.name: "test.pdf"の変数を変更するのが目的なのですが、どのようにnameにアクセスすればよいのでしょうか？

• 格納されたエントリへのアクセス方法：examples

gitHub でマークダウンを公開するだけの簡易的なドキュメント公開のようです。

---

ご質問のコメント JSZIP Util API から察するに、同じ作者の JSZipで 圧縮ファイルを展開した結果と思い、上記の回答となります。

Comments

[pegy]

コメント頂き本当にありがとうございます。少し読み進めても実はJSZipとJSZip-utilsの作者は同じなのはわかるのですが、両社がどのような関係にあるのかはわかりませんでした。
ただ、アクセスするための方法としてexamplesのRead a zip fileというご指定のところを読んだのですがReadするだけで書き換えることはできないということなのでしょうか？
Gitの読み方がまだまだ理解できていなくて申しわけございませんが、もし解釈の仕方が間違っていればご教示願えますでしょうか？
宜しくお願い申し上げます。

[AkitoshiManabe]

JSZip で圧縮は試したことがないのですが、examplesの「Generate a zip file」セクションが空のJSZipオブジェクトを作りはじめる内容になっっていますね。また、howto というディレクトリを切って read / write の両方を説明しているみたいです。

[pegy]

申し訳ございません、どうしてもdocumentationをみても解決に至らなかったのですが（zipの名前を変えるのは容易なのですが・・・

[pegy]

//非同期で１ファイルダウンロードし、zipへ組み込みする関数
function downloadFile(zip, url, filename) {
return new kintone.Promise(function(resolve, reject) {
// getbinarycontent は 非同期でURL からファイルを取得するAPI
// JSZIP util APIを利用
JSZipUtils.getBinaryContent(url, function(err, data) {
if (err) {
reject(err);
}
zip.file(filename, data, {binary: true});
console.log(zip)
resolve(data);
});
});
}

// 複数ファイルのダウンロードを実行する関数
function downloadFiles(files, zip, filenum) {
var opt_zip = zip || new JSZip();
var opt_filenum = filenum || 0;
return downloadFile(opt_zip, files[opt_filenum]["blobUrl"],files[opt_filenum]["name"]).then(function(data) {
opt_filenum++;
if (opt_filenum === files.length) {
return opt_zip;
}
return downloadFiles(files, opt_zip, opt_filenum);
});
}

//ファイルをzip化する関数
function doZipFile(zip) {
return zip.generateAsync({type: "blob"});
}

//ファイルを保存する関数
function saveZipFile(content) {
//FileSaver.jsを利用して保存
return saveAs(content, "example.zip");
}

[pegy]

これらの関数群でJSZipやJSZip-utilsを使って、ファイルをダウンロード、保存して出力することはできたのですが、どうしてもzipオブジェクトの中にあるファイル群の名前にアクセスしてwriteすることができませんでした。

console.log(zip)でzipオブジェクトの中に既に
▶files
　▶bar.pdf: i {name: "bar.pdf", dir: false, date: Fri Jun 26 2020 14:54:09 GMT+0900 (日本標準時), comment: null, unixPermissions: null, …}
　▶hoge.pdf: i {name: "hoge.pdf", dir: false, date: Fri Jun 26 2020 14:54:09 GMT+0900 (日本標準時), comment: null, unixPermissions: null, …}
　▶piyo.pdf: i {name: "piyo.pdf", dir: false, date: Fri Jun 26 2020 14:54:09 GMT+0900 (日本標準時), comment: null, unixPermissions: null, …}
　▶test.pdf: i {name: "test.pdf", dir: fa
のようにファイル名が元の通り適切に取得できているのは確認できるのですが、

https://github.com/Stuk/jszip/blob/master/documentation/howto/write_zip.md
にはzipの名前の付け方しかなかったため、他のdocumentationも当たっている状況です。

前後の文脈なくこれでは利用したことがあったとしてもわからないという場合にはお叱りください・・
ご迷惑をおかけし、誠に申し訳ございません。

[pegy]

すみません、解決しました。ご放念くださいませ。