统计二维数组中的字符串数据并以角度显示在表格中,可以通过以下步骤实现:
以下是一个示例的实现代码:
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
padding: 5px;
}
.rotate {
transform: rotate(-90deg);
writing-mode: vertical-lr;
}
</style>
</head>
<body>
<script>
// 二维数组示例
var arr = [
["apple", "banana", "apple"],
["orange", "banana", "apple"],
["apple", "orange", "banana"]
];
// 统计字符串出现次数
var count = {};
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
var str = arr[i][j];
if (count[str]) {
count[str]++;
} else {
count[str] = 1;
}
}
}
// 创建表格并显示统计结果
var table = document.createElement("table");
var headerRow = table.insertRow();
var headerCell = headerRow.insertCell();
headerCell.innerHTML = "String";
headerCell.className = "rotate";
var countRow = table.insertRow();
var countCell = countRow.insertCell();
countCell.innerHTML = "Count";
for (var key in count) {
var row = table.insertRow();
var cell1 = row.insertCell();
var cell2 = row.insertCell();
cell1.innerHTML = key;
cell2.innerHTML = count[key];
}
document.body.appendChild(table);
</script>
</body>
</html>
在这个示例中,我们使用了HTML和CSS来创建一个表格,并使用JavaScript来统计二维数组中字符串的出现次数,并将结果显示在表格中。通过CSS的transform属性和writing-mode属性,我们将字符串出现次数以角度的形式显示在表格中。请注意,这个示例只是一个简单的实现,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云