JSでのマップの使用法

https://www.cnblogs.com/jaetyn/p/16406755.html

赋值：const map = new Map([["key1","val1"],["key2","val2"],["key3","val3"]]);

値:map.get("key1");

例

Chrome 拡張機能は、テーブルデータを抽出し、テーブルを再生成し、リンクを置き換えます。

無料の STL ビューア: 最高のサイト、ソフトウェア、アプリ | オール3DP


<html>
<head>
<meta charset="UTF-8">
<title>STL Viewer</title>
<style>
h1 { text-align:center; }
a { text-decoration:none; }
table { border-collapse:collapse; margin:0 auto; }
th, td { border:1px solid black; padding:10px; }
td:nth-child(1) { text-align:center; }
</style>
</head>
<body>
<h1>STL Viewer</h1>
<p align="center"><a href="https://all3dp.com/1/free-stl-viewer-mac-online-stl-file-viewer/" target="_blank">all3dp</a></p>
<table id="table">
<tr><th>ID</th><th>Name</th><th>Additional 3D Formats</th><th>System</th><th>Complexity</th></tr>
</table>
<script>
var table = document.getElementById("table");

const map = new Map([["ViewSTL","http://www.viewstl.com/"],["3DViewerOnline","https://www.3dvieweronline.com/"],["Autodesk Viewer","https://viewer.autodesk.com/"],["Online 3D Viewer","https://3dviewer.net/"],["JSCAD","https://www.openjscad.xyz/"],["Gmsh","http://gmsh.info/"],["Microsoft 3D Viewer","https://apps.microsoft.com/store/detail/3d-viewer/9NBLGGH42THS"],["3D-Tool Free Viewer","http://www.3d-tool.com/en_free-viewer-download.htm"],["	MiniMagics","https://www.materialise.com/en/industrial/software/minimagics"],["ADA 3D","http://www.ada.bg/pages.php?p=products&sp=stlviewer"],["Mac OS X Preview","https://en.wikipedia.org/wiki/Preview_(macOS)"],["Pleasant3D","https://github.com/zaggo/Pleasant3D"],["fstl","https://github.com/fstl-app/fstl"],["STLView","http://www.freestlview.com/"],["Fast STL Viewer","https://play.google.com/store/apps/details?id=com.performance.meshview&hl=de&gl=US"],["STL Simple Viewer","https://apps.apple.com/cn/app/stl-simple-viewer/id1493598400"]]);

var item = new Array();
item.push(["ViewSTL", "OBJ, 3MF", "Browser", "★"]);
item.push(["3DViewerOnline", "STEP, IGES, PLY, OBJ, 2D-DXF, 2D-DWG", "Browser", "★★"]);
item.push(["Autodesk Viewer", "DWG, DWF, RVT, Solidworks, STP, many more", "Browser", "★★"]);
item.push(["Online 3D Viewer", "obj, 3ds, ply, gltf, off, 3dm, fbx, dae, wrl, 3mf, stp, ifc", "Browser", "★"]);
item.push(["JSCAD", "AMF, X3D, JSCAD", "Browser", "★★★"]);
item.push(["Gmsh", "STEP, IGES, BREP", "Windows, Linux, macOS", "★★★"]);
item.push(["Microsoft 3D Viewer", "FBX, OBJ, GLB, GLTF, PLY, 3MF", "Windows", "★"]);
item.push(["3D-Tool Free Viewer", "OBJ, CATIA, X_T, STEP, IGES, VDA, SA, SAB", "Windows", "★★"]);
item.push(["MiniMagics", "MAGICS, MGX, 3MF", "Windows", "★★"]);
item.push(["ADA 3D", "OBJ", "Windows", "★"]);
item.push(["Mac OS X Preview", "OBJ, RAD, DAE", "macOS", "★"]);
item.push(["Pleasant3D", "G-code", "macOS", "★"]);
item.push(["fstl", "None", "Windows, macOS, Linux", "★"]);
item.push(["STLView", "None", "Windows, Android", "★"]);
item.push(["Fast STL Viewer", "None", "Android", "★"]);
item.push(["STL Simple Viewer", "PLY, OFF, OBJ", "iOS", "★"]);

for (var i=0; i<item.length; i++){
    var tr = document.createElement("tr");
        var td = document.createElement("td");
        td.textContent = (i+1);
        tr.append(td);
        for (var j=0; j<item[i].length; j++) {
            var td = document.createElement("td");
            if (j == 0){        
                td.innerHTML = "<a href='" + map.get(item[i][j]) + "' target='_blank'>" + item[i][j] + "</a>";
            } else {
                td.textContent = item[i][j];
            }
            tr.append(td);
            table.append(tr);
        }
}
</script>
</body>
</html>

例

おすすめ