我试图制作一种维恩图,我有一个数组数组,用于存储每个唯一集合中的数据。如下所示:
<div style="width: 300px; border: solid 1px;">
<div style="vertical-align: middle; display: table-cell; background-color: cyan;">
Some short text
</div>
<!-- if I set 'width: 150px' below, I get what I want -->
<div style="vertical-align: middle; display: table-cell; background-color: green;">
Some long text. Some long text. Some long text.
</div>
</div>
此原始数组中最多可包含10个数组。
我尝试做的是找到集合之间的相似之处,但也能够获得排除集合。例如,如果我想在上面的例子中找到第一个和第二个数组之间的相似性但排除第三个数组,我最终得到:[2]但不是[3,4]因为它不在第三个数组中。我希望所有可能性都可用:选择尽可能多的数组并排除尽可能多的数组。
有一种简单的方法吗?我正在考虑使用类的jquery。要求排除附加阵列的每个条目并排除所有内容。但我不知道这是不是正确的解决方法。我是否必须阅读每个阵列的每个内容并将它们组合起来?
答案 0 :(得分:1)
查看underscore.js库,它允许您进行如下设置操作:
_.difference([1, 2, 3, 4, 5], [5, 2, 10]);
=> [1, 3, 4]
和
_.intersection([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2]