2つの配列から同じ位置にある要素を新たな配列として生成する (zip)

説明

D3.jsで2つの配列から同じ位置にある要素を新たな配列として生成するにはd3.zip()メソッドを使います。パラメーターには要素をミックスする配列を指定します。生成される配列は最も短い配列要素数になります。例えばd3.zip([1,2,3],[4,5,6])なら[[1,4],[2,5],[3,6]]の配列が生成されます。d3.zip([1,2,3],[4,5,6], [7,8])であれば[[1,4,7],[2,5,8]]といった配列が生成されます。

サンプル [サンプルを実行する]　[サンプルをダウンロード]

HTMLソース

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3.js サンプル</title>
<link rel="stylesheet" href="css/main.css">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<h1>D3.jsサンプル</h1>
<div id="result"></div>
<script src="js/sample.js"></script>
</body>
</html>

JavaScriptコード

var list  = ["あ", "い", "う", "え", "お"];
var list2 = ["か", "き", "く"];
var list3 = d3.zip(list, list2);
d3.select("#result").html(list3);
console.dir(list3);