如何保存在 d3.js 脚本中构建的 JSON 数据

Posted 2023-05-07

【中文标题】如何保存在 d3.js 脚本中构建的 JSON 数据

【英文标题】：How to save JSON data built in a d3.js script

【发布时间】：2017-09-25 06:55:33

【问题描述】：

我 大家好，我是 javascript/D3.js 编程的新手。我需要调整一个代码，我觉得有点失落。

主要问题是：如何在javascript中保存JSON数据集

当前代码正在加载一个大的 csv 文件，对其进行解析和格式化。 我想将文件管理部分移到另一个程序中，但是为了直接获取格式良好的文件，我想通过运行此代码并保存输出来直接保存它（即：@987654321 @)。

感谢您的帮助！

d3.text("myfile.csv", function(text) 
  var csv = d3.csv.parseRows(text);
  var json = buildHierarchy(csv);  //-- THIS IS WHAT I NEED TO SAVE (OR SEE)
);

// function to adjust data

function buildHierarchy(csv) 
  var root = "name": "root", "children": [];
  for (var i = 0; i < csv.length; i++) 
    var sequence = csv[i][0];
    var size = +csv[i][1];
    if (isNaN(size))  // e.g. if this is a header row
      continue;
    
    var parts = sequence.split("-");
    var currentNode = root;
    for (var j = 0; j < parts.length; j++) 
      var children = currentNode["children"];
      var nodeName = parts[j];
      var childNode;
      if (j + 1 < parts.length) 
   // Not yet at the end of the sequence; move down the tree.
 	var foundChild = false;
 	for (var k = 0; k < children.length; k++) 
 	  if (children[k]["name"] == nodeName) 
 	    childNode = children[k];
 	    foundChild = true;
 	    break;
 	  
 	
  // If we don't already have a child node for this branch, create it.
 	if (!foundChild) 
 	  childNode = "name": nodeName, "children": [];
 	  children.push(childNode);
 	
 	currentNode = childNode;
       else 
 	// Reached the end of the sequence; create a leaf node.
 	childNode = "name": nodeName, "size": size;
 	children.push(childNode);
      
    
  
  return root;
;

【问题讨论】：

请定义“见”。如果您只是想查看对象，只需执行console.log(json)。

感谢 Gerardo：我的目标是将对象保存在 .JSON 文件中。最初我也试图看看它，但同时我设法使用console.log(JSON.stringify(json))

【参考方案1】：

我终于设法使用来自https://github.com/eligrey/FileSaver.js/ 的saveAs 函数保存了我的文件

var blob = new Blob([JSON.stringify(json)], type: "text/plain;charset=utf-8");  
saveAs(blob, "sequence_dl.JSON");