如果字符串类型为d3 - csv文件头行，则在控制台中

Question

我正在使用d3对csv文件进行数据可视化。csv看起来如下：

UserId,Reputation,Name,Tags
22656,985942,Jon Skeet,"<c#><google-cloud-platform><google-cloud-datastore><google-authentication>,<msbuild><asp.net-core><mono><.net-core><travis-ci>,<.net><nuget><.net-core><visual-studio-2017><csproj>,<.net><md5>,<c#><wpf><xaml><globalization>,<java><c#><variables><object><reference>,<java><newline>,<c#><.net><debugging><compiler-errors><jit>,<git><git-reset><git-revert><git-clean>,<git>,<java><generics>                                                                                                                             "

我的index.html看起来是这样的：

d3.csv("UsersFavTags.csv", function(data){
console.log(data[0]);
for(i=0;i<data.length;i++){
    data[i].Tags = createTagArray(data[i].Tags)
}
data.forEach(function(d){
    console.log("d: "+d);
    d.Tags = createTagArray(d.Tags);
    d.CountedTags = listOccurence(d.Tags);
    d.Tags = listUnique(d.Tags);
});
console.log(data);
});

但是，控制台中的输出如下所示：

{UserId: "22656", Reputation: "985942", Name: "Jon Skeet", "Tags ": "<c#><google-cloud-platform><google-cloud-datastore…                                "}

注意，Tags是一个字符串类型，它是"Tags "，这使我无法访问Tags的值。

Answer 1

可以使用"Tags "语法访问["Tags "]属性：

​

var object = {UserId: "22656", Reputation: "985942", Name: "Jon Skeet", "Tags ": "some string"};

console.log(object["Tags "]);

​

您还可以处理data并创建没有空间的对象：

​

var data = [
{UserId: "22656", Reputation: "985942", Name: "Jon Skeet", "Tags ": "some string"},
 {UserId: "22657", Reputation: "985943", Name: "Jon Skeet II", "Tags ": "another string"},  
];

data.forEach(function(item){
  item.Tags = item["Tags "]; // store value to the propety without space
  delete item["Tags "]; // delete property with space
});

console.log(data);

​